BBCodes de Spoiler PersonalizadosTema Solucionado

[ElSanguinario]

Hola Gente y comunidad les voy a compartir mis 2 bbcodes de Spoiler Personalizados
Bueno Primero que todo Doy Gracias a: Kazekage Por su ayuda con estos bbcodes ¡Gracias!

---

Bueno sin Más aca El Primero:

Uso: (pueden cambiarlo por el de su preferencia)

Código: Seleccionar todo

[spoiler]{TEXT}[/spoiler]

Reemplazo:

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="display: none; background-color:#e4e3e3;"><b></b>{TEXT}</div>
	</div>
</div>

Ayuda: (no necesario si usan advBBcode Mod o Botones Mitch)

Código: Seleccionar todo

Envuelve el Texto o Contenido Seleccionado En una Etiqueta Desplegable.

Ejemplo:

Código: Seleccionar todo

[spoiler]Aquí el Contenido[/spoiler]

Captura:
[thumbnail=center]http://i1246.photobucket.com/albums/gg6 ... oiler1.jpg[/thumbnail]

---

aca El Segundo (con Titulo):

Uso:

Código: Seleccionar todo

[Etiq-Desp={INTTEXT}]{TEXT}[/Etiq-Desp]

Reemplazo:

Código: Seleccionar todo

<div style="padding:3px;background-color:#e4e3e3;border:1px solid #d8d8d8;">
<input type="button" class="button2" style="min-width:20px;" value="Mostrar" onclick="var container=this.parentNode.getElementsByTagName('div')[0];if(container.style.display!='')  {container.style.display='';this.value='Ocultar';} else {container.style.display='none';this.value='Mostrar';}" />
<span style="text-transform:uppercase;font-weight:bold;font-size:1.0em;">{INTTEXT}</span>
<hr />
<div style="display:none;word-wrap:break-word;overflow:hidden;">{TEXT}</div>
</div>

Ayuda:

Código: Seleccionar todo

Envuelve el Texto o Contenido Seleccionado En una Etiqueta Desplegable Con un Titulo.

Ejemplo:

Código: Seleccionar todo

[Etiq-Desp=Titulo de Prueba]Aquí el Contenido[/Etiq-Desp]

Captura:
[thumbnail=center]http://i1246.photobucket.com/albums/gg6 ... oiler2.jpg[/thumbnail]

---

Bueno espero se de su agrado ¡Saludos y Suerte!

Adicional: para estos bbcodes en imagenes para Botones Mitch.

[ThE KuKa]

Gracias por los aportes, en el primero de ellos veo <div class="spoiler" style="display: none; background-color:#e4e3e3;">[color=#FF0000][b]<b></b>[/b][/color]{TEXT}</div>
Ese código HTML para negrita no le veo sentido...

[ElSanguinario]

Gracias por los aportes, en el primero de ellos veo <div class="spoiler" style="display: none; background-color:#e4e3e3;">[color=#FF0000][b]<b></b>[/b][/color]{TEXT}</div>
Ese código HTML para negrita no le veo sentido...

yo tampoco aunque no afecta en la funcionalidad

[Alorse]

yo tampoco aunque no afecta en la funcionalidad

Pero como dicen por ahí, "lo que no sirve que no estorbe"

[ElSanguinario]

hoy perdon algun adm mod que me corrija me equivoque el remplazo de arriba es para el de abajo y viseverza....

[ThE KuKa]

Pues yo creo que no esta equivocado, el reemplazo HTML de abajo (el del segundo aporte) creo que esta donde debe estar.

[ElSanguinario]

si tienes razon me confundi jeje no dije nada pasa el el segundo spoiler (etiq-desp=) usa negrita para el titulo XD por eso