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> 
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