Spoiler estilo vBulletin para Foroactivo [ESTILO 2]

Spoiler estilo vBulletin
A continuación un tutorial de como colocar un spoiler tipo vbulletin en tu foro.


Este es el código.
Puedes pegarlo en el "mensaje del indice"
PA->Visualización->General->mensaje del indice
En Módulo del portal o el foro.
PA->Modulos->Portal->Estructura->Crear nuevo módulo personalizado.

<div class="smallfont"
style="margin-bottom:2px"><b>[color=red]Spoiler</b>
para <i>[color=orange]EEE</i>: <input
type="button" value="Mostrar"
style="width:50px;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 =
'[color=green]Mostrar'; }">

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


En rojo, primer texto que indica que es un spoiler
Naranja: segundo texto de descripción que indica una descripción de lo de dentro del spoiler
Verde: Lo que dirá el botón para que se muestre
Azul: Lo de dentro del Spoiler

Vista Previa:

Cerrado


Abierto