31/10/2012

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.



1. Dentro do seu HTML procure pela tag  ]]></b:skin>, acima dela cole o próximo código:

Códigos
.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);}

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

Códigos
<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

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345