04/11/2012

Efeito Down


                                           


Oi Gente, tudo bem? vou passar um tutorial,que achei lá no HTML uv!   Conclusão todos os créditos são de lá, peço que prestem atenção,  deu trabalho transferir, para aqui.

  Visualize o Efeito  aqui. , gostou? vamos ao tutorial.

1.Vá em Editar HTML, F3 e procure por  ]]></b:skin> quando achar, cole o seguinte código acima dele:


.efeitosf a span{ color: #000; padding: 5px; position: absolute; bottom: auto; left: auto; width: 180px; height: 30px; opacity: 0; text-align: left; text-shadow: 1px 1px 1px #fff; -webkit-transition-duration: .90s;} .efeitosf a:hover span{ background: #fff; height: 210px; opacity: 0.4;}

2.Vá em layout, adiciona um Gadget, HTML/JavaScript, e nele cole:

 <div class="efeitosf"> <a href="LINK AO CLICAR NA IMAGEM"> <span>NOME QUE APARECE QUANDO PASSA O MOUSE</span> <img src="LINK DA IMAGEM" width="160px" height="120px"/> </a></div> 

Se você quiser que seja sem link , cole esse código:



      efeitosf"> <a> <span>NOME QUE APARECE QUANDO PASSA O MOUSE</span> <img src="LINK DA IMAGEM" width="160px" height="120px"/> </div>



Se  quiser mais, é só colar o mesmo código antes de   </div> 


é isso, Beijãõ.

Um comentário:

  1. A-D-O-R-E-I!!!
    Perfeito, vou usar *-*
    Beijoos;
    semprecomvoce2012.blogspot.com

    ResponderExcluir