Yoo!
Bom, esse tutorial não deve ser novidade para ninguém. Praticamente todos os blogs tem ele em sua coleção de postagens e por isso eu deixei passar, mas uma leitora fez esse request e eu até entendo.
De repente a explicação de uma blogueira pode ser melhor para o entendimento do leitor que a de outra. Mesmo sendo bem repetitivo, postar não mata ninguém.
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>
Nenhum comentário:
Postar um comentário