24 de dez de 2012

TUTORIAL - Ocultar a navbar e mostrá-la quando passa o mouse


Créditos: Crazy HTML

Oi minhas bananas com nutella!!

A famosa navbar, existente em todos os blogs, deixa-os com um aspecto feio no blog, não acham? Se quiser ocultar a navbar do seu blog e só mostrá-la quando passa o mouse, siga com o tutorial. Vi no blog Mundo de Meninna

Vá em Modelo > Editar HTML > Marque a caixinha expandir modelos de widget > aperte F3 > e procure por:

]]>


E acima dele, cole esse código abaixo:

/* ----- Efeito de esconder e mostrar a navbar ----- */

#navbar-iframe {

opacity:0;

-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
#navbar-iframe:hover {
opacity:1;

Fácil, não é? 

Beeijoos ^-^

2 comentários:

  1. Eu estava procurando esse tutorial! Já salvei aqui. Adorei o blog.

    Bjs e tenha um Feliz Natal

    Jeans-Apertado.blogspot.com

    ResponderExcluir
    Respostas
    1. Ah que boom que você encontrou!!!! Obrigada! Um Feliz natal pra você também, flor!

      Beijoos

      Excluir

Heey!! Se quiserem deixar o seu comentário, leia PLEASE aqui embaixo:

*Não xingue ninguém aqui! Seja educada(o)!
* Dúvidas, elogios e críticas são sempre bem-vindas!
* Leia toda a postagem, pois sempre faço com muito esforço e carinho pra vocês!
*Vou até o perfil de vocês para visitar e talvez até seguir o seu blog!

Obrigada por comentar!

Volte Sempre!