4 de jan de 2013

6

Tutorial- Afiliados com efeito giratório

Hello Baby
Tumblr_meimpgpren1rmvl5io2_500_large
Hoje eu vim ensinar um tutu muuito legal, pra deixar sua elite de afiliados ainda mais divertida e bonita é claro! Veja aqui.

Vá em Design-Editar Html

Procure por: ]]></b:skin>
Acima deste código cole:

/*Afiliadas com efeito giratório*/
.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);
}
/*Afiliadas com efeito giratório*/
Salve!

Vá em Layout-Adicionar Gadget- Html/JavaScript

E cole o segiunte 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> 


Edite a seu gosto, aqui tenho umas imagens de afiliados em preto e branco, não sei ode achei, pois cada uma peguei em um site diferente!

4.png (5050)afiliados8.jpg (5050)Imagem+para+afiliado+10.jpg (5050)Imagem+para+afiliado+9.jpg (5050)Imagem+para+afiliado+5.jpg (5050)Imagem+para+afiliado+8.jpg (5050)
Curtiu?Então comenta!!
Kissi Bia

6 comentários:

Layza Guedes disse... Best Blogger TipsAnswerBest Blogger Templates

Muito interessante Sis :]
Beijos,
~~ Laly!

Roberta Ruthielle disse... Best Blogger TipsAnswerBest Blogger Templates

Eu acho bonitinho esse tutorial, eu já vi em alguns blogs ! Espero que meu Lay que encomendei tenha ele, acho fofo.
<3

http://www.meujeitoimperfeito.blogspot.com.br/

Rotina de uma garota de férias! (Oficial) disse... Best Blogger TipsAnswerBest Blogger Templates

Amei! Já ta no meu blog! Muito fofinho!

Bjos!

4 Teen//Official disse... Best Blogger TipsAnswerBest Blogger Templates

Laly, que bom que gostou Sis

Roberta Ruthielle, tomara que sim #dedoscruzados

Rotina de uma garota de férias, que bom que fui útil!!
~Bia

Clarinha Pink disse... Best Blogger TipsAnswerBest Blogger Templates

gostei de todos , principalmente o terceiro , beijoos
clarinha-piink.blogspot.com
seguindo aqui`

4 Teen//Official disse... Best Blogger TipsAnswerBest Blogger Templates

Clarinha, acho que você comentou no post errado-hehe-,mas que bom gostou!!
~Bia