Tutorial - Navbar com efeito invisivel

16:06

Hoje trouxe um tutorial em que algumas pessoas já vinham comentando comigo aqui no blog sobre a minha navbar. E eu achei um tutorial no Material Extra que explica tudo direitinho, então os créditos são totalmente dele. É super fácil e simples de fazer, é assim aparentemente o navbar do seu blog não existe, mas quando você passar o mouse por cima do lugar onde ele esta ele aparece é um efeito hover que só aparece quando o mouse passa por cima.
Então vá em Editar HTMLCtrl + F Procure por Body { No primeiro blody que aparecer cole em cima:
#navbar-iframe {
opacity:0.0;
filter:alpha(Opacity=0)
}
#navbar-iframe:hover {
opacity:1.0;
filter:alpha(Opacity=100,FinishedOpacity=100)
}
Pronto super fácil não é? E super útil também, se quiserem mais tutoriais deixem sugestões nos comentários, beijos!

Veja também

8 comentários

  1. Muito bom o tuto amore, adorei ^^

    http://blog-letsbehappy.blogspot.com.br/

    ResponderExcluir
  2. Esse tuto é super util e óó de bom
    Ah! Conto com você lá no meu cantinho, espero que goste flor de lis.
    Bjão meu Amor
    http://mundofantasticofeminino.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. sim ele é ótimo, e obrigada, vou visitar seu blog sim ><

      Excluir
  3. Amei o tuto♥ e o seu blog também ^^
    seguindo aqui flor, beijos
    blogDesenrola.tk

    ResponderExcluir
  4. Participa do blog da semana no meu blog! o ganhador vai ficar uma semana em divulgação basta:

    Seguir o blog publicamente.

    Regras da inscrição:

    * Ter banner
    * E responder as perguntas a seguir perguntas nesta postagem :

    http://cherryepop.blogspot.com.br/2012/06/se-inscreva-para-o-proximo-blog-da.html

    Nome do blog:
    Quantidade de seguidores:
    Link do seu blog:
    Nome do seguidor:

    Viu como é fácil? ah! e quem apenas participar mesmo sem ser escolhido vai ganha um selinho e eu seguirei um por um.

    xoxo
    http://cherryepop.blogspot.com.br/

    ResponderExcluir
  5. Perfeitas o tuto
    parabéns,estou seguindo sempre que poder da uma passadinha lá no blog
    *_*
    Estou te esperando

    http://blogdabrendinha10.blogspot.com.br/

    ResponderExcluir
  6. OI! sou eu do blog insert é que como é que eu faço para postar aqui?...
    pq n dei direito como é...onde é que vejo que tenho a permissão para escrever?

    ResponderExcluir

Curta no Facebook

Seguidores