quarta-feira, 19 de dezembro de 2012

Efeito giratório nos afiliados


Vá em Design    Editar HTML
Tecle Ctrl F e procure por ]]></b:skin>
Acima dessa tag cole o seguinte código:
  • .afiliados {
  • box-shadow: 2px 1px 3px #909090;
  • border-radius: 50px;
  • -moz-border-radius: 50px;
  • -webkit-border-radius: 50px;
  • transition-duration: 3s;
  • -moz-transition-duration: 3s;
  • -webkit-transition-duration: 3s;
  • }
  • .afiliados:hover {
  • transform: rotate(-360deg) scale(1) skew(0deg);
  • -moz-transform: rotate(-360deg) scale(1) skew(0deg);
  • -webkit-transform: rotate(-360deg) scale(1) skew(0deg);
  • -o-transform: rotate(-360deg) scale(1) skew(0deg);
  • }

Vá em Design   Elementos da página   Adicionar gadget   HTML/JavaScript e cole o seguinte código:


<div><br /></div><center><a href="Link afiliado 1" title=" Nome afiliado 1 "><img src=" Imagem afiliado 1 " class="afiliados"/></a> <a href="Link afiliado 2" title="Nome afiliado 2"><img src="Imagem afiliado 2" class="afiliados"/></a> <a href="Link afiliado 3" title="Nome afiliado 3"><img src="Imagem afiliado 3" class="afiliados"/></a> <a href="Link afiliado 4" title="Nome afiliado 4"><img src="Imagem afiliado 4" class="afiliados"/></a></center> 


Nenhum comentário:

Postar um comentário

click

Click na imagem créditos da Kawaii the world