Mostrar o Navbar ao passar o mouse:



Oláa minhas liindas !
Como vocês estão ? Eu estou ótima, espero que também estejam ! :D
Prontas para mais um tutorial ?
Estou meio sem tempo e não poderei postar sempre, então  fiz esse tutorial pequeninho, mas que acredito que será de grande serventia para vocês.

Não sei se vocês repararam mas aqui no nosso Blog só da pra visualizar o Navbar se passar o mouse ali em cima ... repararam ?
Então, é justamente este efeito que vou ensiná-las hoje. Vamos lá ?




[1] Vá em Design > Editar HTML > Expandir modelos de Widget
[2] Tecle CTRL+F ( caixinha de busca )
[3] Procure pela tag: 

]]>

[4] ACIMA deste código que você encontrou, cole:

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



[5] Visualize. Se estiver tudo ok, salve !

Então flores, espero que tenham gostado ! ♥



Heeeey, meninas, tem um post parecido com esse no Blog das Befys

Antes de eu postar reescrevi e fiz algumas mudanças.
Portanto, nada de plágio !


Beijinhos ;*

2 comentários

  1. Nossa, não conhecia essa tutô. Muito útil.
    Valeeu *u*'

    ResponderExcluir
    Respostas
    1. Ah , então espero que seja bem útil a você Anônimo.
      Obrigada pela visita.
      Beijinhos ;*

      Excluir

~ Obrigada por comentar ! (:
Volte seempre ! ♥

-Não aceitamos tags e selinhos.

Layout por Maryana Sales - Tecnologia Blogger