Como personalizar el BBCode del Spoiler?

[nextgen]

Bueno chicos lo que quisiera es ver como puedo personalizar el bbcode del spoiler porque eh visto un par de ejemplos en unas webs, para que me entiendan mejor aqui les dejo un ejemplo.



Lo que quiero es dejarlo como se ve en la imagen XD... estuve intentando en la configuración del bbcode spoiler que tengo para ver si lo dejaba parecido como el de la captura pero no lo logre asi que por eso recurro a los que saben U_U

[memoadian]

solo he conseguido esto, no logro darle el efecto del boton ya que no se javascript espero te sirva solo pon esto en remplazo html en tu spoiler actual

Código: Seleccionar todo

<div style="padding: 3px; background-color: #EBD5D8; border: 1px solid #870914; font-size: 1em;"><div style="text-transform: uppercase; border-bottom: 1px solid #FE6768C; margin-bottom: 3px; font-size: 0.8em; font-weight: bold; display: block;"><span 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.innerHTML = '<b>Spoiler: </b><a href=\'#\' onClick=\'return false;\'>Ocultar</a>'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerHTML = '<b>Spoiler: </b><a href=\'#\' onClick=\'return false;\'>Mostrar</a>'; }" /><b>Spoiler: </b><a href="#" onClick="return false;">Mostrar</a></span></div><div class="quotecontent"><div style="display: none;">{TEXT}</div></div></div>

y haber que te parece.

[nextgen]

Te agradesco la respuesta man... si sale bien pero todavia faltaria darle el efecto al button aver si alguien de nuestros expertos nos ayuda...

[RogerBCA]

o.o sabes si es que se puede modificar y poner un titulo o algo asi

::Comienzos::

La historia bla bla bla

el codigo era algo si :

Código: Seleccionar todo

[spoiler={TEXT2}]{TEXT1}[/spoiler]

html:

Código: Seleccionar todo

    <dl class="codebox"><dt>{TEXT2} | <a href="javascript&#058; void(0);" onclick="var spoiler = this.parentNode.parentNode.getElementsByTagName('dd')[0]; if ( spoiler.style.display == 'none' ) { spoiler.style.display = 'block'; this.innerHTML = '-'; } else { spoiler.style.display = 'none'; this.innerHTML = '+'; };">+</a></dt><dd style="display: none;">{TEXT1}</dd></dl>

Mi pregunta es si puedes modificarlo tal como tu modelo me gustaria en ese modelo

Saludos ^^