27.10.12

[Tutorial] Elite Afiliados com Expansão


Oii Oii gente!

hoje eu trouxe um tutorial de como fazer elite de afiliados com expansão! (é aquele efeito que acontece quando você clica na imagem que tá escrito 'mais' e aparece mais afiliados).

Bem,vamos ao tutorial...



Pra quem quiser deixar um efeito opaco nas imagens de afiliados faça o seguinte:

Vá em Layout>>>Adicionar Gadget>> HTML/JavaScript E cole esse código:
<a href="LINK DO BLOG" none;="" target="_blank" text-decoration:="" title="NOME DO BLOG"><img class="borderimage" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" src="LINK DA IMAGEM" /></a>&nbsp

Modifique o código conforme está pedido.
Agora para adicionar a expansão,cole esse código:

<div class="divspoiler">
<img src="LINK DA 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>

Entendendo o código:

Onde está escrito: "LINK DA IMAGEM DE MAIS" ,simplesmente cole o URL da imagem que você quer usar para quando a pessoa clicar,expandir os afiliados.



Onde está escrito CONTEÚDO OCULTADO , você cola o código dos afiliados que quer ocultar.

Bem,é isso, tomara ter ajudado! ^.^
Qualquer duvida já sabem...deixem nos comentários que assim que eu puder respondo! õ/

Mais uma vez: Créditos ao blog Iris Jovem

Nenhum comentário:

Postar um comentário