Tutorial: Efeito Dark Shine

Olá, sei que fiquei um bom tempo sem postar, mas voltei.

Efeito Dark Shine


Ele é bem fofo, você pode mudar as cores depois.

1- Vá em Editar HTML > Ctrl + F e procure por ]]></b:skin agora, acima desse código 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;
}
Mude as cores destacadas. 
O primeiro código de cor destacado é a cor da borda, e o segundo da sombra.

2- Salve. Agora vá em Layout > ADD Gadget > HTML/JavaScript e cole:
<caixa1><a href="LINK"><img src="IMAGEM" class="imagem1"/></a></caixa>
Mude as partes destacadas.
É isso, espero que tenham gostado, caso queiram algum tutorial específico comentem ok?
Créditos: Bunny Crazy 

10 comentários:

  1. Que lindinho o efeito !! Amei :3
    Bjs♥
    http://sweetgirlsbybrendha.blogspot.com.br/

    ResponderExcluir
  2. Cuteee!
    Tag pra voce linda:
    http://wwwmybarbiefashiondoll-thacyane.blogspot.com/2014/01/tag-11-coisas-sobre-mim.html

    BJS!!!

    ResponderExcluir
  3. Esse Tuto é bem facinho ^^
    No meu proximo lay concerteza vou usar e dar o créditos hehe :)
    Bjs

    ResponderExcluir
    Respostas
    1. É sim, e fica lindo!
      Fico feliz que use!

      Excluir
  4. Rá eu queria muito estar lá nos ''Friends'' Posso ?
    E já vou te colocar lá nos meus Afiliados ^^

    ResponderExcluir
  5. Gostaria muito de estar alí nos Friends ^^
    Posso ?

    ResponderExcluir
    Respostas
    1. Sim, já coloquei seu blog lá.

      Excluir