11 de out. de 2012

Efeito Dark Shine

Oi Fofas! Eu voltei e to de vento em popa, sou postar um efeito lindo que aprendi no We Heart HTML , e aposto que todos vão amar aprender a fazer e vão amar em seus blogs, vamos conferir ?
Primeiro, vá em Modelo > Editar HTML > Prosseguir > Ctrl + F ou F3 e procure por ]]></b:skin> , e acima cole:

/-- Efeito Dark Shine por Alan www.wehearthtml.blogspot.com --/
caixa1 {
background: transparent;
padding: 10px; float: left;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.imagem1 {
margin: 3px;
border: 1px solid #BCAD90;
-webkit-transition-duration: .50s;
}
.imagem1:hover {
-webkit-transition-duration: .50s;
box-shadow: 0px 0px 30px #686051;
}

 Você só vai mudar as partes em Negrito, depois você vai salvar e vai em Layout, e vocâ vai adicionar um Gadget HTML/JavaScript com o seguinte código:



<caixa1>
<a href="LINK"><img src="IMAGEM" class="imagem1"/></a></caixa>

Créditos We Heart HTML beijuss!

6 comentários:

  1. Vi ele lá no WH, achei lindo!
    Bjinhus!

    ResponderExcluir
  2. Amo esse blog sempre com dicas maravilhosas

    ResponderExcluir
  3. Oi querida, o efeito e mto bom, otimo tuto, mas vc poderia ter colocado uma img com resultado =)
    Mas amei!
    Bjsss

    ResponderExcluir
    Respostas
    1. Desculpa me esqueci da próxima vou tentar me lembrar!!

      Excluir
  4. Explicou direitinho amor, parabens!
    Beijoos, ei eu ja te coloquei no meus afiliados vc ja me colocou? Bjjs

    Retribui comentario?
    >> Sweet Magia <<
    -Please

    ResponderExcluir