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:

Postar um comentário

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram