F Simplesmente Criativa: HTML : Menu fixo branco no topo do Blog

3 de agosto de 2016

HTML : Menu fixo branco no topo do Blog

| |
Oii gente, já faz um tempo que disse que iria começar a fazer tutoriais de HTML e hoje estou aqui trazendo o menu do Blog e aí Gabi editado do meu jeito.

Ficará assim :



















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='menufiixubpd'>
<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 : 
#menufiixubpd {
z-index:6666666666666666666666666666666666666666666666666666666666666666666666666666666666;
background: #ffffff;  /*-----cor de fundo---*/
font-family: 'Roboto Condensed', sans-serif;  /*-----fonte---*/
text-align: center;  /*-----alinhamento do texto---*/
padding: 7px;  /*-----largura do menu---*/
font-size: 18px;  /*-----tamanho da fonte---*/
width: 100%;
position: fixed;
margin: 0 -8px;
}
#menufiixubpd li {
list-style: none;
display: initial;
padding-right: 65px;  /*-----distância entre os itens do menu---*/
}
#menufiixubpd li a {
color: #000000;  /*-----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 muuito que dividisse sua opinião, mas tenha bom senso tá ❣ pelo menos leia o post.