terça-feira, 28 de junho de 2011

Spoiler!!

Exemplo:

(Clique para Mostrar/Esconder)
__________________________________________________________

Código:

<div class="pre-spoiler">
<input id="menu1" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Ocultar'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Spoiler';}" style="margin-left: 50px; padding: 0px; width: 80px;" type="button" value="Spoiler" /> (Clique para Mostrar/Esconder) </div>
<div>
<div id="menu1" style="display: none;">

Aqui você coloca o texto que quer esconder e que só vai aparecer quando clicarem no botão.</div>
</div>
__________________________________________________________

As partes em azul, substitua pelo titulo que quer no spoiler, e a em vermelho coloque o conteúdo que quer no spoiler!!

Caso o titulo for uma frase que não coube, modifique as partes em laranja!