13/11/2012

Tutorial: Afiliados com efeito giratório



Créditos totais ao Equipe Background




Procurar por ]]></b:skin> e acima dessa tag colar:

.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);} 
 É só isso. Para usar você vai em Adicionar 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> 
Espero que tenham gostado Kisses :**

Nenhum comentário: