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

9 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
    Respostas
    1. obrigado linda, seguindo de volta [:

      Excluir
  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. Estou aqui para divulgar meu blog. Lá você encontrará recursos para incrementar seu blog, tutoriais e gráficos.
    E não deixe de visitar meu portfólio também!
    Passa lá e me diga o que achou!

    Tutti i Fiori - http://www.tuttiifiori.zip.net

    ResponderExcluir
  6. 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
  7. 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