13/11/2012

Imagens Hover

        O amores, me desculpem pela demora de postar é que eu estava fazendo o lay do meu blog
     ai complicou tudo sorry : /  enfim estava sem tempo, mais vamos para o tutu eu gostei bastante do efeito
     ele é do tumblr, ok? Mais eu fiz algumas mudanças mais primeiro veja como é o efeito:



                                                                   Demo do efeito
 Gostaram? Vamos aprende-lo?

Você vá em seu Html e acima da tag ]]></b:skin> cole o código abaixo:

 .fotohovermh {background: url('urldaimagem');width:tamanho da imagempx; height: altura da imagempx; display: inline-block; opacity:0.70;border: 2px solid #cor da bordinha;-webkit-transition:All 0.4646s ease;-moz-transition:All 0.4646s ease;-o-transition:All 0.4646s ease; }

.fotohovermh:hover {background: url('urldaimagemnohover');-webkit-transition:All 0.4646s ease;
-moz-transition:All 0.4646s ease;
-o-transition:All 0.4646s ease;}
 Muda os locais onde está em negrito, ok? Eu acho que dá para entender, lembrando que só pega se colocar a altura e a largura direitinho da foto

Agora para aparecer a foto em hover adiciona um gadget/javascript o código a seguir:


<div class="fotohovermh"> </div>
Prontinho, espero que funcione~~kissus~~

4 comentários:

  1. Lovely bag!Nice blog. What about following each other?

    ResponderExcluir
  2. Adorei demais viu ? beijão


    http://praia234.blogspot.com.br beijão Garota Imaginária

    ResponderExcluir