30 de dez de 2012

Navbar com efeito Hover

Olá anjos!

Algumas pessoas não gostam da Navbar, outras acham muito útil para o leitor poder seguir o blog, divulgar e até denunciar. A respeito desse último caso, odeio quando um blog plagiador não tem a Navbar, eu sempre tenho que ir na ajuda do Google achar a página de denúncia.

O tutorial de hoje é para quem ama e odeia a Navbar rs'. Ele esconde a sidebar, mas quando a gente passa o mouse em cima do espaço onde ela fica, ela aparece. Acho esse tutorial muito útil e demora menos de 5 minutos para fazer.


1- Vá no HTML do seu blog, aperte CTRL+F e procure por:

]]></b:skin>

2-Acima disso, 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;


Só para lembrar, tente sempre deixar esse código por último (antes da tag, claro), pois ele entra em conflito com outros códigos e faz com que eles não funcionem. Se algum código não funcionar no seu Template, tente colocá-lo mais para cima, costuma dar certo.

2 comentários:

  1. Já usei o tutorial algumas vezes, só que acho mais bonito sem navbar nenhuma.
    Dá uma raiva mesmo quando vc quer denunciar um blog e, ele não tem navbar.

    Bjoos!

    ResponderExcluir
    Respostas
    1. Pois é. Eu tirei a minha, tentei colocar de volta, mas não deu Oo

      Excluir

Seja educado, não use palavras ofensivas ou de baixo calão;
Comente algo relacionado ao post, para outros assuntos use a ask;
Obrigada e volte sempre!