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:
porque demoraram tanto pra postar?? epoca de prova? eu tenho umas 5 provas marcadas^^"
bjs mapi-chan
http://pequenospenamentosotakus.blogspot.com.br/
Oii Lindas, Se vocês aprenderam isso no FT, por favor, dê os créditos (:
farryteen.blogspot.com
Oi Mapi-Chan! Nós demoramos para postar por causa das provas mesmo, muitos trabalhos também... então ficou complicado!
Bjs!!
Bella
Não conhecia o tutorial, mas curti demais e vou usar agora mesmo! :)
Beijo
Sem querer me intrometer
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/
Perfeito, ajudou obrigada *-*
http://purplestreakss.blogspot.com.br/
Postar um comentário