Tutorial - Efeito de Esconder e Mostrar a navbar

 

Ooi gente, sou a nova postadora do blog. Me chamo Ingrid, e acho que vocês me conhecem, sim sou a Ingrid do blog Ingrid Sakamoto dos Santos. Vou postar tutoriais aqui ta? Espero que vocês gostem dos meus tutoriais :) Bom, hoje vou ensinar colocar um efeito de esconder e mostrar a navbar ok?

Vou mostrar o efeito do tutorial:

Nível de Dificuldade: Fácil

 

Se for a nova interface do Blogger, Vá em Modelo >> Editar HTML >> Prosseguir

Se for a interface antiga do Blogger, Vá em Design >> Editar HTML

Aperte F3 ou Ctrl+F e procurem por ]]></b:skin> e cole o código abaixo em cima de ]]></b:skin>

* ----- 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;

}

 

Beijos!

@ingridsakamoto