clique aqui


BLOGS QUE ADMIRO ACIMA E OUTROS LINKS ABAIXO

31/10/2012

Tutorial: Afiliados giratórios


Hoje irei mostrar como colocar os afiliados com efeito giratório, eu já usei esse efeito aqui no blog e particularmente e bem interessante e vale a pena usar pelo menos uma vez. Então se deseja fazer já sabe onde clicar. .::Ver o efeito aqui::.

Dentro do seu HTML procure pela tag  ]]></b:skin>, acima dela cole o próximo 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);}

Agora vá para seu layout o elementos de pagina,  lá crie um gadget Html/Javascript  e dentro dele coloque esse codigo

<a href=" Link do Blog" title="Nome do blog"><img src="Imagem aqui" class="afiliados"/></a>

Arrume os afiliados dentro desse últimos código e só repedir quantas vezes for necessário.

Nenhum comentário:

Antes de sair, não esqueça de comentar!