Spoiler estilo vBulletín para Foroactivo

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


Si estás aburrido del Spoiler Normal de toda la vida de Foroactivo y quieres cambiar, aquí tienes la solución.
Con el Spoiler tipo vBulletín podrás ocultar imágenes y texto y que la gente lo vea haciendo clic sobre mostrar o algo así (cómo en todos los Spoiler), lo único que cambia es la apariencia y diseño Gran sonrisa

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="spoiler">
<span style="float:left; padding-top: 2px;">[b]Spoiler[/b]</span> <input type="button" value="[b]Mostrar[/b]" style="width:80px;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 = '[b]Esconder[/b]'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = '[b]Mostrar[/b]';}">
</div>
<div>

<div class="spoiler" style="display: none;"><br />
[u]Lo de dentro del Spoiler[/u]<br />

</div>
</div>



Lo subrayado es lo que está dentro del Spoiler
Donde dice esconder que esta señalado en negrita es lo que mostrara el boton cuando este abierto
Donde dice Spoiler y esta señalado en negrita es el titulo del Spoiler
Donde dice mostrar que esta señalado en negrita es lo que dira en el boton cuando este cerrado
*Los dos mostrar tienen que estar igual.

Vista Previa: