Efeito Zoom Scale nas imagens e na elite de afiliados



Olá.
Então, hoje me pediram aquele efeito que eu uso na nossa pequena elite de divulgações. Não há muito para falar sobre o efeito, mas basicamente, o efeito é esse.


1. Procure por ]]></b:skin> e acima dele cole:

.elitescale{ -moz-border-radius: 2px; -webkit-border-radius: 2px; -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: #e7a5de; padding: 3px; } .elitescale:hover { -webkit-transform: scale(1.20); -moz-transform: scale(1.20); background-color: #c4a6cb; padding: 3px; } 

Mude o que achar preciso e agora, vá em um gadget de HTML e java script e cole:

<img src="link da sua imagem" class="elitescale"/></a>

Bom, a que eu passei é só pra imagem sem um link ou legenda..mas se for colocar em gadget para AFILIADOS, coloque assim:

<a href="Link do Blog" title="Nome do blog"><img src="link da sua imagem" class="elitescale"/></a>


Simples, né ?

Bom, os créditos vão a mim e ao Kawaii World .. sim, vão pra mim, porque na primeira parte, o só da imagem, foi adaptação MINHA.. 

Espero que tenham gostado, e que tenha dado resultado !

8 comentários:

  1. Fiz no meu blog .. exatamente assim :3

    ResponderExcluir
  2. Oi fofa! Claro que aceito! Coloquei você la, beijinhos!
    girlsheartboys.blogspot.com.br

    ResponderExcluir
  3. Igual ao meu AHSUASU LOL'
    Adoro esse tutorial ^_^

    ResponderExcluir
    Respostas
    1. Anhé, mas o resultado fica tão bom C:
      Ty ^3^'

      Excluir
  4. Fica lindo esse efeito *o*
    Amor posta um tutorial para deixar a aérea dos comentários igual a sua? porfavor, ou me passa o link de onde você aprendeu? Obrigada
    Sweet Magia

    ResponderExcluir

Obrigada por deixar suas opniões sobre o post !
1 - Leia o post, -please
2 - Aceito criticas, sugestões, requests ..
3 - Porfavor, não se esqueça de tratar todo mundo bem :3
4 - Deixe o Url do seu blog ! *-*
Beijos ;*