ayuda con bbcode spoilerTema Solucionado

[ElSanguinario]

hola gente de phpbb-es .. resulta que estube jugando con un bbcode tipo spoiler, y le hice algunas modificaciones... quedo muy bien pero el problema es que ya aparece desplegado, y el boton de despliege dice mostrar estando desplegado pueden crear un tema de prueba en el foro de pruebas de mi foro... en mis datos encontraran el usuario de prueba.

Off Topic

---

otra cosa que me gustaria tambien seria que el boton de despliege se centrara automaticamente (pero no el contenido del spoiler) ya que he probado pero se me centra todo tanto el contenido como el boton de despliege..

dejo el estado del bbcode.
uso:

Código: Seleccionar todo

[spoiler5]{TEXT}[/spoiler5]

reemplazo html:

Código: Seleccionar todo

<div><div class="pre-spoiler">
	<span style="padding-top: 12px;"></span> <input type="button" value="Mostrar" 

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 = 

'Ocultar'; } else { this.parentNode.parentNode.getElementsByTagName('div')

[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Mostrar';}">
	</div>
	<div>
                 <div class="spoiler" ; style="margin-bottom: 10px; background: #FFFFFF; padding: 6px; height:auto; border: 2px solid #cccccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; alt="" style="padding-right: 6px; vertical-align: middle;"><b></b>{TEXT}</div>
	</div>
</div>

no se muy bien en que me equivoque o que pase por alto...
gracias de antemano saludos gente feliz lunes na mentira me voy a dormir debo madrugar je

[towen]

Prueba con este remplazo html:

Código: Seleccionar todo

<div><div class="pre-spoiler">
	<span style="padding-top: 12px;"></span> <input type="button" value="Mostrar" 

style="margin: 0 45%; width:80px;font-size:10px;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.value = 'Mostrar';}">
	</div>
	<div>
                 <div class="spoiler" ; style="display:none; margin-bottom: 10px; background: #FFFFFF; padding: 6px; height:auto; border: 2px solid #cccccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; alt="" style="padding-right: 6px; vertical-align: middle;">{TEXT}</div>
	</div>
</div>

[ElSanguinario]

wow perfecto gracias grosoooo si quieres puedes compartirlo quedo muy bien luego compatire algunas cosas que he estado creando ............. doy por solucionado gracias Kazekage