20.7.12

Elite de afiliados com efeito

     
C056220425767_large



Olá meus sorvetinhos!! A pedido de uma leitora eu trouxe o tutorial de como ter uma elite de afiliados como a minha.

Código base por Kawaii World. Editado por mim. Coloque créditos ao Teen World E ao Kawaii World




Vá em editar HTML e procure por

 ]]></b:skin>

ACIMA dessa tag coloque:

.etilescale{ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width:auto; -webkit-transition-duration: 1.20s;  /*Duração do efeito*/
box-shadow: 2px 1px 2px #909090; /*Tamanho e cor da sombra*/
}
.elitescale{
-moz-border-radius: 10px; /*Arredondamento das bordas, aumente se quiser que fique mais redondo*/
-webkit-border-radius: 10px; /*Arredondamento das bordas, aumente se quiser que fique mais redondo*/
-webkit-transition: 0s linear;
-webkit-transition: opacity 0.5s linear;
-webkit-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
background-color: #1E90FF; /*Cor da borda*/
padding: 1px; /*Tamanho da borda*/
}
.elitescale:hover {
-webkit-transform: scale(1.20);   /*Tamanho da imagem ao passar o mause*/
-moz-transform: scale(1.20);
background-color: #87CEFF;  /*Cor da borda quando passa o mause*/
padding: 1px; /*Tamanho da borda quando passa o mause*/
} 

Está tudo explicado no código entre  /* mas se tiver alguma dúvida é só perguntar.


Depois cole o seguinte código em um gadget de HTML/javascript:

<a href="Link do afiliado"title="Nome do afiliado" ><img src="Link da imagem"  class="elitescale"/></a>

Faça as alterações e depois salve.



29 comentários:

  1. oiiie amooore ^^
    feliz dia do amigo

    http://manguitarosa.blogspot.com.br

    beijos

    ResponderExcluir
  2. Interessante. :)
    Beijos

    http://coresamoresedissabores.blogspot.com.br/

    ResponderExcluir
  3. Fica lindo o efeito, parabéns pelo conhecimento em HTML, porque eu ainda estou no começo.

    diamantesdeumagarota.blogspot.com

    ResponderExcluir
    Respostas
    1. eu sei poca coisa ainda também... só o básico do básico :X

      Excluir
  4. Quee fixe ; vou usar no outro blog :o ' «3

    ResponderExcluir
  5. Nossa, o resultado é lindo, favoritei! *-* Bom final de semana ;)
    # Garota do Olhar Sincero

    ResponderExcluir
  6. Linda sua elite de afiliados ;)
    encantosdeumaadolescente.blogspot.com

    ResponderExcluir
  7. Lindo o efeito >.<
    www.sweetbombgirl.blogspot.com bjs'.

    ResponderExcluir
  8. Ei lindaa ,, já coloquei vose lá como afiliada tah !
    bgs bgs

    ResponderExcluir
  9. É lindo o efeito.Oi adorei seu blog ele é lindo,apesar de ter um bom conteúdo e já estou seguindo.Beijos

    http://amoraruffles-blogger.blogspot.com.br/

    ResponderExcluir
  10. O efeito é mara !

    http://magicteen-mt.blogspot.com

    ResponderExcluir
  11. Gamei no efeito,
    More, aceita afiliação?
    Mesmo se não aceitar, segue o meu blog?
    Obg desde já
    www.beleza-e-make.blogspot.com

    ResponderExcluir
  12. Adorei seu blog.. é lindo ;) Primeira vez de muitas que estarei visitando ;)

    www.ejhonas.com {Seguindo seu blog, se puder seguir o meu *-*}

    ResponderExcluir
  13. Minimo 50?
    este aqui (teen-house.blogspot.com) tem 31
    Não entendi nd :S

    ResponderExcluir
    Respostas
    1. é porque antes eu aceitava todos os pedidos, menos daqueles blogs com 8, 13 seguidores, mas aí eu percebi que a maioria desses blogs eram desativados e não creciam... aí coloquei esse mínimo

      Excluir
  14. Gostei do efeito, apesar que eu ainda não tenho elite de afiliados acredita? :B

    http://world-cutest.blogspot.com.br/

    ResponderExcluir
  15. Amei o tuto!

    Passa lá? www.4-brownies.blogspot.com

    ResponderExcluir
  16. Me divulga pf http://sweet-niic.blogspot.com.br/

    ResponderExcluir
  17. Ficou lindoooooooooo.
    Finalmente algum tutorial de afiliados deu certo no meu blog.

    ResponderExcluir