Páginas

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:

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

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

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

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

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

    ResponderExcluir
  4. 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

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

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

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

    ResponderExcluir