Ocultar navbar e mostrar quando passar o mouse

Tumblr_ltzaaxnjsy1qhoipzo1_500_large

Hooy pessoas do meu coração!! Tudo bem com vocês?? Porque comigo ta tudo ÓTIMO!!
Enfim, hoje vou ensinar como ocultar a navbar, e mostra-la quando passar o mouse. O efeito é muito lindo, porque a Navbar volta num efeito suave...


Navbar é aquele canto no início do blog que mostra: Nova postagem, Desing, Denunciar blog....
Veja a imagem:


Achou??Então vá para:
>>Desing >>Editar HTML>> Marque: Expandir modelos de Widget >> Tecle Ctrl + F >> E procure por:


]]>


Acima disso cole esse códico: 


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



Depois é só clicar em: Salvar Modelo, e está pronto!!
Simples né? Depois é só ver se deu tudo certo *-*


Bezzos pra vocês!!
Linda

6 comentários:

Mapi-chan disse...

porque demoraram tanto pra postar?? epoca de prova? eu tenho umas 5 provas marcadas^^"

bjs mapi-chan

http://pequenospenamentosotakus.blogspot.com.br/

x. Rafaella W. disse...

Oii Lindas, Se vocês aprenderam isso no FT, por favor, dê os créditos (:

farryteen.blogspot.com

Best Friends disse...

Oi Mapi-Chan! Nós demoramos para postar por causa das provas mesmo, muitos trabalhos também... então ficou complicado!

Bjs!!

Bella

Mariana Baptista disse...

Não conhecia o tutorial, mas curti demais e vou usar agora mesmo! :)

Beijo
Sem querer me intrometer

Leeh Dreams disse...

Que legal! Eu nunca eu ouvi falar, me ajudou muito!
Obrigada, seu blog é demais!
Poderia dar uma olhadinha no meu?
http://cupcakes-dream.blogspot.com.br/

Thalita Victoria disse...

Perfeito, ajudou obrigada *-*

http://purplestreakss.blogspot.com.br/