08/01/2013

Tutorial - Efeito Dark Shine


Boa tarde ^^

Eu trouxe um tutorial do efeito dark shine, pra quem não sabe, é o efeito
que eu uso na elite de afiliados.
Mas se quiserem ver melhor, podem clicar aqui, e ir ao gadget do efeito :)

Créditos: **

Let's see ...



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 tem border e depois a cor, é a borda.
 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 negrito!

 
Gostaram ?
Comenta!


kissus o3o



9 comentários:

  1. Que fofo, gostei (; vou ver se eu uso

    #Bezoos~~> Kashmeres.blogspot.com

    ResponderExcluir
  2. Eu adorei esse efeito,talvez use em um template que estou fazendo!
    #World Of Tutos

    ResponderExcluir
  3. Talvez use o efeito , muito lindo *3*
    Kisses
    Sweet Cherry -> Perfil

    ResponderExcluir
  4. Muito kawaii, adorei o efeito. http://myteens.blogspot.com/

    ResponderExcluir
  5. amei o efeito , talvez eu use ^^

    pode visitar meu blog http://lovely-bomb.blogspot.com.br/ ?
    to parei o blog mais estou começando de volta , poderia me ajudar a divulgar ?
    muito obrigada :) . ah estou seguindo , poderia seguir de volta ? :)

    ResponderExcluir
  6. Flor, o meu não deu certo :c
    Não aparece a "bordinha" :'(
    Me ajuda? =[

    coisa-degarotas.blogspot.com

    ResponderExcluir