Tutorial - Efeito Giratório para afiliados

Yoo

Eu estava procurando um efeito legal para postar aqui no blog e achei um efeito giratório para elite de afiliados bem legal no Birthday Cake...

Preview

A imagem dos afiliados já fica redondinha, quando você passa o cursor por cima a imagem gira.

1- Vá em Editar HTML e procure pelo famoso ]]></b:skin acima desse código cole:

.elite{ -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; width:auto; -webkit-transition-duration: 1.20s;box-shadow: 2px 1px 2px #909090;}.elite:hover{-webkit-transform: rotate(360deg);}

2- Salve. Vá em Layout > Adicionar Gadget > HMTL/JavaScript e cole:

<a href="Link do Blog" title="Título do Blog"><img src="Link da Imagem" class="elite"/></a>

Vá repetindo o código, um código equivale a uma imagem de afiliados.

Créditos: Birthday Cake

Até mais queridos :3

Tutorial: Elite de Afiliados com Expansão

Olá jujubas 

Acho que foi a May, que pediu lá na Ask como colocar aquele Mais/Menos no final do Gadget, que você clica e aparece mais itens. Ele é muito usado em elites de afiliados.

 E o tutorial se chama Elite de Afiliados com Expansão.

Nível: Médio

1- Faça normalmente a sua elite de afiliados. Veja alguns efeitos para ela aqui.

2- Agora, cole o seguinte código abaixo de todo o código da sua elite já pronta:

<div class="divspoiler">
<img src="IMAGEM DE MAIS" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" />
</div><div><div class="spoiler" style="display: none;">
CONTEÚDO OCULTADO
</div></div>

IMAGEM DE MAIS: Você colocará a url da imagem que você quer que apareça, quando você clicar nela a elite aumenta.

CONTEÚDO OCULTADO: Ali, você colocará mais uma parte da elite, ou seja, ou você copia uma parte da elite já pronta e coloca lá, ou você faz mais algumas imagens para afiliados.

Agora, veja se deu tudo certo.

Ráh, as imagens ficarão todas para a esquerda/direita, como vou centralizar elas?

Tem um tutorial aqui ensinando a centralizar o conteúdo dos Gadgets.

É isso, espero que tenham gostado. Não esqueçam de pedir mais tutoriais lá na Ask :D

Beijos, Ráh

Ask do Blog - Importante

Olá jujubas!

Criei uma Ask para o blog. Lá, vocês poderão pedir tutoriais e utilitários específicos, que vocês queiram. 

Então, se alguém quiser algum tutorial que eu ainda não postei pode ir lá pedir ^-^

http://ask.fm/assimtipotudo

Vou ver se consigo fazer um Gadget para colocar a Ask lá também.

É isso, espero que peçam tutoriais lá :3

Beijo, Ráh