sábado, 25 de julho de 2015

Como ocultar e mostrar um conteúdo numa imagem?





Imagem de aesthetic, aquarium, and fish

Oii!

Esse tutorial será de uma imagem que ao ser clicado mostrará links. Tais quais o que você quiser. De preferência links pra outros blogs ou páginas. Conheço esse tutorial há alguns anos. Inclusive já usei muito aqui no PH e resolvi voltar a tê-lo. Aprendi no blog Trechy Teen

No gadget HTML/Java Script cole o código a seguir:


<div class="divspoiler"><img src="URL DA IMAGEM" 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;">Aqui o código dos links</div></div>

Vermelho: código da imagem a ser usada (Url)
Violeta: adicione os links

Dica: organize seus links numa postagem em rascunho. De preferência que os mesmos estejam alinhados no meio (centro). Você também poderá colocar Play list. É só adicionar no Aqui o código dos links o código da Play list que você salvou.

Outras opções: Blog Passo a Passo

Nenhum comentário:

Postar um comentário

Olá! Obrigada pela sua visita e comentário♥

Leia também:

Subir