Página 1 de 1

BBCodes de Spoiler Personalizados  Tema Solucionado

Publicado: 03 Sep 2012, 18:57
por 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.

Re: Aporte 2 bbcodes de Spoiler Personalizados

Publicado: 03 Sep 2012, 19:17
por 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... :nolose:

Re: Aporte 2 bbcodes de Spoiler Personalizados

Publicado: 03 Sep 2012, 19:21
por ElSanguinario
ThE KuKa escribió: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... :nolose:
yo tampoco aunque no afecta en la funcionalidad

Re: Aporte 2 bbcodes de Spoiler Personalizados

Publicado: 03 Sep 2012, 19:53
por Alorse
infernus17 escribió:yo tampoco aunque no afecta en la funcionalidad
Pero como dicen por ahí, "lo que no sirve que no estorbe" :lol:

Re: Aporte 2 bbcodes de Spoiler Personalizados

Publicado: 03 Sep 2012, 20:31
por ElSanguinario
hoy perdon algun adm mod que me corrija me equivoque el remplazo de arriba es para el de abajo y viseverza.... :oops: :roll:

Re: Aporte 2 bbcodes de Spoiler Personalizados

Publicado: 03 Sep 2012, 20:52
por ThE KuKa
Pues yo creo que no esta equivocado, el reemplazo HTML de abajo (el del segundo aporte) creo que esta donde debe estar. :roll:

Re: Aporte 2 bbcodes de Spoiler Personalizados

Publicado: 03 Sep 2012, 21:07
por 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 :lol: