Ocultar a navbar e mostrá-la ao passar o mouse

hoje eu vou postar um tutorial muito simples e útil, sabe aquela barra lá no topo do blog onde você faz o login, cria uma nova postagem e tal? Que ela não é muito agradável aos olhos todo mundo sabe, mas muitos tem   
um certo receio de tirá-la por poder dificultar o acesso aos "atalhos" dela. Confesso que eu sofria disso kkk' mas hoje eu estava pesquisando e achei um tutorial ensinando a ocultar e mostrá-la novamente quando passado o mouse no lugar onde ela fica, lembrando que os créditos são todos do blog Bloggando na web.







Então, vamos começar?

1. Abra o seu blog, faça o login e vá em Design  > Editar HTML

2. Pressione "Ctrl+F" para abrir a caixa de pesquisa e procure pelo seguinte código:



      ]]></b:skin>                                              

3. Logo acima deste código, adicione este outro código:
                                                                                      

#navbar-iframe {
opacity:0;
}

#navbar-iframe:hover {
opacity:1;
}


4. Visualize e se estiver tudo certo salve (:

Viu só? Simples, fácil e rápido. Espero que tenham gostado tanto quanto eu *-*

Ah, só um aviso, o código não funciona no Internet Explorer ):
]

Share this:

JOIN CONVERSATION

    Blogger Comment

0 comentários:

Postar um comentário