Revolvido: Menu saiu do lugar + Diminuir nome do blog

Se o nome do seu blog for muito grande, o menu tende a sair do lugar, portanto, você tem duas opções:

1. Diminuir o tamanho da fonte do título
2. Posicionar o menu caso ele saia do lugar

1. Para diminuir o tamanho da fonte do título do seu blog, vá em Modelo > Editar HTML, segure CTRL + F e digite #header h1, você irá encontrar o seguinte trecho de HTML:

#header h1 {
color:#fff;
display:block;
font-family: 'Satisfy', cursive;
font-size:45px;
font-style:normal;
font-weight:normal;
margin:0;
padding-left:440px;
padding-top:120px;
text-align:center;
width:220px;
}

font-size:45px; corresponde ao tamanho da letra, diminua ou aumente o valor (45)
padding-left:440px; corresponde à posição horizontal do nome, diminua esse valor (440) para trazer o nome para esquerda, e aumente o valor (440) para trazer o nome para a direita.
padding-top:120px; corresponde à posição vertical do nome, diminua esse valor (120) para trazer o nome para cima, e aumente esse valor (120) para trazer o nome para baixo.

2. Caso o nome do seu blog seja muito grande, o menu sairá do lugar, para arrumar isso, você precisa ir em Modelo > Editar HTML, segure CTRL + F e digite #menu, você irá encontrar o seguinte trecho de HTML:

#menu {
width: 940px;
height: 40px;
background-image:transparent;
background-position:center;
background-repeat:no-repeat;
margin-top: 100px;
float: left;
margin-left: 240px;
}

Se o menu sair da barrinha rosa, você deverá mexer em:

margin-top: 100px; aumente esse valor (100) para descer o menu, e diminua o valor (100) para subir o menu.
margin-left: 240px; caso queira que o menu fique mais à esquerda, diminua esse valor (240), e caso queira ele mais à direita, aumente esse valor (240).

0 comentários:

Postar um comentário







Layout base por Julie Duarte ♥ Modificado e customizado por Segredo Feminino