Image Map

9 de jan de 2013

[Tutorial] Imagens nos afiliados que gira

Hey pessoas lindas,não postava tutoriais a muito tempo né ?Pois é hoje eu vou postar um bem legal que acho o maximo e acho também que dá um charme no blog né?Então chega de papo e vamos ao trabalho.

Vá em Design >Editar HTML > Aperte Ctrl + F e procure por :
                    ]]></b:skin> 
Acima do código cole:

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


Isso vai fazer as imagens girar.Agora para adicionar os afiliados adicione um gadjet javascripit 
<center><a href="Link do Blog" title="Nome Do Blog"><img src="Imagem Do Afiliado" class="afiliados"/></a> <a href="Link Do Blog" title="Nome Do Blog">
Mude apenas oque está de Rosa .E cole esse código a cada afiliado.

Créditos : CB Rayla 

 
 

Nenhum comentário:

Central Débora Lyra- 2014. Todos os direitos reservados.
Layout por Nathaly Oliveira - Código Base desenvolvido por: Raphael Cardoso
Adaptação por Cecília Camimura
+ Agenda: