13 de mai. de 2013

Tutorial: Navbar em hover


Olá Candy's ^.^

Primeiro tutorial do blog \o/ Uhuul  Não sei se esse tuto vai ser útil para vocês, porque tem gente que simplesmente não usa navbar no blog, mas, pra pessoas como eu, que fica perdida sem a navbar, vai ser muito útil!

E o tutorial de hoje é de como deixar a navbar em hover!!

Então, vamos ao tuto?

Para aprender, clique em read more :)

Aah, os créditos são do blog Birthday Cake.

1. Vá em modelo > Editar HTML. Aperte CTRL+F ou F3 e procure por ]]></b:skin>

2.Acima dele, cole:

#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;
}

Vocês podem alterar os "1s" em negrito, que é o tempo do hover.

É isso, espero ter ajudado!!

Beijoooos
Duda 

Nenhum comentário:

Postar um comentário