Oii gente, cá estou com o tutorial de html que tinha falado, o menu fixo!
Primeiro exclua qualquer widget que esteja como menu na aba Layout.
Depois vá em Modelo> e clique em editar html.
Lá você deve clicar em Ctrl+F
Pesquise </head> e embaixo cole :
<div id='menututorial'>
<li><a href='Coloque o Link da página aqui home '>HOME</a></li>
<li><a href='Coloque o Link da página aqui'>Como a página que fica o link se chama</a></li>
<li><a href='Coloque o Link da página aqui'>Como a página que fica o link se chama</a></li>
<li><a href='Coloque o Link da página aqui '>Como a página que fica o link se chama</a></li>
<li><a href='Coloque o Link da página aqui'>Como a página que fica o link se chama</a></li>
</div>
Agora procure por ]]></b:skin>
e em cima cole :
#menututorial {
z-index:6666666666666666666666666666666666666666666666666666666666666666666666666666666666;
background: #444; /*-----cor de fundo---*/
font-family: 'Arial'; /*-----fonte---*/
text-align: center; /*-----alinhamento do texto---*/
padding: 7px; /*-----largura do menu---*/
font-size: 15px; /*-----tamanho da fonte---*/
width: 100%;
position: fixed;
margin: 0 -8px;
}
#menututorial li {
list-style: none;
display: initial;
padding-right: 65px; /*-----distância entre os itens do menu---*/
}
#menututorial li a {
color: #fff; /*-----cor da fonte---*/
text-decoration: none;
display: initial;
}
z-index:6666666666666666666666666666666666666666666666666666666666666666666666666666666666;
background: #444; /*-----cor de fundo---*/
font-family: 'Arial'; /*-----fonte---*/
text-align: center; /*-----alinhamento do texto---*/
padding: 7px; /*-----largura do menu---*/
font-size: 15px; /*-----tamanho da fonte---*/
width: 100%;
position: fixed;
margin: 0 -8px;
}
#menututorial li {
list-style: none;
display: initial;
padding-right: 65px; /*-----distância entre os itens do menu---*/
}
#menututorial li a {
color: #fff; /*-----cor da fonte---*/
text-decoration: none;
display: initial;
}
E aí? gostaram: o que acharam do post? espero que tenham gostado deste tutorial.
Enfim, Beijãoo gente linda !
Parabens pela iniciativa de trazer esses tutoriais ! Lembro que quando comecei com o blog tinha MUITA dificuldade em algumas coisas .
ResponderExcluirAmei a dica!
Blog : www.estacaonoventae7.blogspot.com
Que bom que gostou da novidade!
Excluir