[HTML] Sopiler estilo Vbulletin

por **Rober** 2009-02-16, 00:32

[HTML] Sopiler estilo Vbulletin

por Rober 2009-02-16, 00:32

<div class="smallfont" style="margin-bottom:2px"><b>Spoiler</b> para <i>EEE</i>: <input type="button" value="Mostrar" style="width:45px;font-size:10px;margin:0px;padding:0px;" 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.innerText = ''; this.value = 'Mostrar'; }">

</div>
<div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;">
<div style="display: none;">
Spoiler
</div>
</div>
</div>

EDITABLE --->
En rojo, primer texto que indica que es un spoiler
Naranja: segundo texto de descripcion que indica una descripcion de lo de dentro del spoiler
Verde: Lo que dira el boton para que se muestre
Azul: Lo de dentro del Spoiler

Esto se puede pegar donde quieras, en un mensaje, en el mensaje del indice, widget etc.

Tutorial by Rober!
Fuente: Todoforos