Efeito Dark Shine

Ohayoo ! Boa tarde Como vai o feriado de vocês ? o meu está + ou - vai ficar bom mesmo á noite ( vou no boliche ). A pior coisa que tem é estudar em pleno feriado
não dá pra aproveitar muita coisa, e tem que ficar nos cadernos o dia todo affz.
Bom.. Vou ensinar a você fazerem um efeito muito maneiro que se chama
Dark Shine, encontrei no blog da Wendy. Espero que gostem !!



Para aplicar esse modelo, vá em seu HTML e usando o atalho Ctrl+F procure por 
]]></b:skin  acho? Então acima dele adicione esse código:

   /-- 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ê não precisa modificar nada, apenas onde esta em negrito que é a cor das bordas. Então salve!
Depois de salvo, vá ate Layout e adicione um gadget/JavaScript e cole esse código:

   <caixa1><a href="LINK"><img src="IMAGEM" class="imagem1"/></a></caixa>
 Agora é só colocar o link e o endereço da imagem nos lugares indicados em preto.

4 comentários:

  1. Legal o efeito ! Adorei ..

    xoxo ~~

    ResponderExcluir
  2. Gurias, podem seguir esse blog ? http://juventudeparalela.blogspot.com.br/
    Ta com muita vaga para afiliados, se vocês quiserem..

    ResponderExcluir