O tutorial é simples e todo mundo já deve ter visto o resultado: As imagens da elite são redondas e ao passar o mouse, ela gira.
Enjoy ~
1. Procure por ]]></b:skin> e acima dessa tag cole:
.elite{ -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; width:auto; -webkit-transition-duration: 1.20s;box-shadow: 2px 1px 2px #909090;}.elite:hover{-webkit-transform: rotate(360deg);}
2. É só isso. Para usar você vai em um gadget de HTML/JavaScript e cola:
<a href="Link do Blog" title="Título do Blog"><img src="Link da Imagem" class="elite"/></a>
É só colocar os links conforme as palavras indicam e caso queiram que ela seja assim e tenha o efeito opacidade, use esse código:
<a href="Link do Blog" title=" Título do Blog"><img src=" Link da Imagem" style="opacity: 0.5"; class="elite" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"/></a>
Creditos (x)
Nenhum comentário:
Postar um comentário
。 Ei carinha fofa >< seja gentil e não seja mal - - Educado :D
。 Cupcakes de morando deixe o link do seu blog eu visitarei
。 De sua opnião ,, mais se for muito mal eu não me aguentarei de raiva ...
。 Respondo todos os comentários rsrs... ... ... ...
。◕‿◕。 Hey... e obrigada pelo comentário use nossas carinhas
❣◕ ‿ ◕❣ ✿◕ ‿ ◕✿ ❀◕ ‿ ◕❀
❁◕ ‿ ◕❁ ✾◕ ‿ ◕✾ ◡‿◡✿
✿◠‿◠ ≧◔◡◔≦ ಥ_ಥ
≧�◡�≦ ≧^◡^≦ ≧✯◡✯≦
✿⍲◡⍲ ◕‿‿◕ ( ● ω ● )>(o゜ェ゜o)