23 de mar de 2012

TUTORIAL: NAVBAR OCULTA AO PASSAR O MOUSE

Tumblr_m1cpgdv3kq1rnia9do1_500_large



Vamos ao tutorial?

Primeiro vá em


Depois clique em


ctrl + f e procure por ]]></b:skin>

Acima desta tag, cole o seguinte codgo:


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



não mexa no codigo.


Pronto, super simples né gente? beijos e até sexta!

6 comentários:

Karen Guzzatti König disse...

Oii querida...
Bom tutorial...
Um bom final de semana
um abraço
xoxo

http://karenbarbiepink.blogspot.com.br/

Iasmin Cruz disse...

Adorei o blog, bem legal o tutorial. Estou te seguindo.

http://iasmincruz.blogspot.com.br/

Nicole Rosa disse...

oi muito legal o tutu . Me você pode colcar um tutu como faz aquela sua revista

João Keunecke disse...

Oi Tudo bem? Parabéns pelo blog! Queria te avisar que eu te indiquei a um meme de 11 coisas no meu blog. Você não é obrigado a fazê-lo, mas gostaria que você o fizesse. O Link do post é:
http://doce-sorriso.blogspot.com.br/2012/04/meme-11-coisas.html

nicolas disse...

Oi! Adorei seu blog! Seguindo! Se quiser da uma passada la no blog!
Abraço !

http://dicasblogspot-db.blogspot.com.br/

Júlia Suzuque s2 disse...

Muiiiito lindo seu blog parabéns!
ótimo tutorial só que prefiro sem navbar nenhuma hihihih!
Beijos!
eleganti-pink.tk

Lomadee, uma nova espécie na web. A maior plataforma de afiliados da América Latina.

LinkWithin

Related Posts Plugin for WordPress, Blogger...