23 setembro 2012

Ocultando o Navbar e só mostra-lo ao passar o mouse








Oi Cupcakes *-* Aqui esta um tutorial muuuito fácil que deixa a Navbar (aquela linha que tem acima do cabeçalho aonde tem varias opções) ocultada e que só aparece ao passar o mouse por cima dela. Muitas pessoas não gostam muito da Navbar pois ela deixa a área do cabeçalho mais "feinha". Então vamos la:


Lembrando que o tutorial esta de acordo com a nova interface do blog!

Va em em Modelo >> Editar HTML >> Clique em Prosseguir >> aperte F3 ou CTRL + F >> Na caixinha que aparecer cole esse código e pesquise: ]]></b:skin>


Clique em Continue Lendo^^





Acima deste código cole esse outro:

#navbar-iframe {
 opacity:0; } 
#navbar-iframe:hover {
 opacity:1; }




Muito fácil, não? Alem de a Navbar ficar oculta deixando o blog mais limpo nós não excluímos ela completamente. Créditos ao blog Japan's Bubble no qual eu tive acesso a esse código^^

Qualquer duvida pode colocar nos comentarios.

Kissus e bye bye^^





Um comentário:

Comente o que quiser, mas com o minimo de respeito, ok >:?