03/08/2016

HTML: Menu Fixo no Topo do Blog

 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;
}
E aí? gostaram: o que acharam do post? espero que tenham gostado deste tutorial.
Enfim, Beijãoo gente linda !

2 comentários:

  1. Parabens pela iniciativa de trazer esses tutoriais ! Lembro que quando comecei com o blog tinha MUITA dificuldade em algumas coisas .
    Amei a dica!
    Blog : www.estacaonoventae7.blogspot.com

    ResponderExcluir

Eu fiz esta postagem com muito amor e carinho, e gostaria muito que dividisse sua opinião, mas tenha bom senso! pelo menos leia o post. Clique na opção "Notifique-me" para saber quanto te responder! ♥