[BBcode] Spoiler V2 Tema Solucionado
Publicado: 03 Jul 2010, 02:26
Nombre: Spoiler V2
Autor: DaVidU
Descripción: Este spoiler te permite poner un título y contenido
Fuente: http://www.coloreatuforo.com
Uso de BBcode:
Código: Seleccionar todo
[spoiler2={SIMPLETEXT1}]{TEXT}[/spoiler2]Código: Seleccionar todo
<div style="padding: 3px; background-color: #dcebfe; border: 1px solid #0099FF; font-size: 1em;-moz-border-radius: 3px;-webkit-border-radius: 3px;">
<div style="text-transform: uppercase; border-bottom: 1px solid #0099FF; margin-bottom: 3px; font-size: 0.8em; font-weight: bold; display: block; font-family: Tahoma, Geneva, sans-serif; color:#0077b2;-moz-border-radius: 3px;-webkit-border-radius: 3px;">
<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>{SIMPLETEXT1}: </b><a href=\'#\' onClick=\'return false;\'>Ocultar</a>'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerHTML = '<b>{SIMPLETEXT1}: </b><a href=\'#\' onClick=\'return false;\'>Mostrar</a>'; }" />
<b>{SIMPLETEXT1}: </b><a href="#" onClick="return false;">Mostrar</a></span>
</div>
<div style="padding: 3px; background-color: #FFFFFF; border: 1px solid #0099FF; font-size: 0.9em;-moz-border-radius: 3px;-webkit-border-radius: 3px;">
<div style="display: none;">{TEXT}</div>
</div>
</div>Código: Seleccionar todo
Spoiler2: [spoiler2=TITULO DEL SPOILER]CONTENIDO DEL SPOILER[/spoiler2]Ejemplo:
Código: Seleccionar todo
[spoiler2=Titulo para el Spoiler]Contenido del Spoiler[/spoiler2]Click aquí para ver la demo
Los colores del BBcode se pueden cambiar desde el mismo reemplazo html 