Bueno les aporto esta adaptación que hice

Autor: Emudesc.Net Adaptado para Mybb 1.4.x por mi.

Titulo:

Cita:Spoiler

Descripcion:

Cita:Muestra u oculta texto, imagenes y videos.

Expresion regular:

Cita:\[spoiler\](.*?)\[/spoiler\]

Remplazar por:

Cita:<div>
<div class="pre-spoiler">
<span style="float: left; padding-top: 2px;">Spoiler</span> <input value="Mostrar" style="width: 80px; font-size: 12px; 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 = 'Esconder'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Mostrar';}" type="button">
</div>
<div>
<div class="spoiler" style="display: none;">$1<br />

</div>
</div>
</div>

Despues Agregen esto a su hoja de estilos (global.css):

Cita:.pre-spoiler {
border: 1px solid #005F96;
margin: 0 15px 5px 15px;
background: #DEEAEF;
padding: 3px 5px 3px 5px;
font-weight: bold;
text-align: right;
color: #5A6373;
}

.spoiler {
background: #DEEAEF;
margin: 0 15px 15px 15px;
padding: 5px;
border: 1px solid #005F96;
}

Demo:

Cita:http://www.poke-legends.net/foros/thread-29.html

______________________________________________
______________________________________________

Nueva Verción! 1.1

Novedad: Ahora podran darle un título a sus spoiler del tipo:

Cita:

Título coqueto para mi spoiler

Hola ..... Adios.

Titulo:

Cita:Spoiler

Descripcion:

Cita:Muestra u oculta texto, imagenes y videos.

Expresion regular:

Cita:\

(.*?)\

(.*?)\[/spoiler\]

Remplazar por:

Cita:<div>
<div class="pre-spoiler">
<span style="float: left; padding-top: 2px;">$1</span> <input value="Mostrar" style="width: 80px; font-size: 12px; 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 = 'Esconder'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Mostrar';}" type="button">
</div>
<div>
<div class="spoiler" style="display: none;">$2<br />

</div>
</div>
</div>

Despues ir al panel admin --> Plantillas y estilos --> Tu estilo --> global.css --> editar hoja de estilo modo avanzado -->

Agregen esto al final:

Cita:.pre-spoiler {
border: 1px solid #005F96;
margin: 0 15px 5px 15px;
background: #DEEAEF;
padding: 3px 5px 3px 5px;
font-weight: bold;
text-align: right;
color: #5A6373;
}

.spoiler {
background: #DEEAEF;
margin: 0 15px 15px 15px;
padding: 5px;
border: 1px solid #005F96;
}

Y listo... Disfrutenlo!!!
Nota: funciona en MyBB 1.4.x y 1.6.x
______________________________________________
______________________________________________

Instalar MyCode Spoiler tipo Emudesc en el Editor de Mensajes

Aquí les explico como instalar este mycode para que les aparesca en el editor de mensajes.

1.- Lo primero que tenemos que buscar es algun icono de 20x20 pixeles que nos guste, yo me robe este del phpbb-es.com, aquí se los dejo adjunto.

2.- Una ves descargada esta imagen fayuca, subanla a:

-) /tu foro/jscripts/editor_themes/default/images
-) /tu foro/jscripts/editor_themes/Oficce_2007/images

3.- Abrir el archivo /tu foro/jscripts/editor_themes/default/stylesheet.css


Agregar al final...

Cita:.messageEditor .toolbar_button .toolbar_sprite_spoiler {
background: url(images/spoiler.png) no-repeat;
}

4.- Abrir el archivo /tu foro/jscripts/editor_themes/Oficce_2007/stylesheet.css

Agregar al final...

Cita:.messageEditor .toolbar_button .toolbar_sprite_spoiler {
background: url(images/spoiler.png) no-repeat;
}

Y para terminar...

5.- Abrir el archivo /tu foro/jscripts/editor.js

Buscar:

Cita:// Create our new text area

Agregar Arriba:

Cita: this.createToolbar('mytolbar', {
container: 'bottom',
items: [
{type: 'button', name: 'spoiler', sprite: 'spoiler', insert: 'spoiler', title: 'Muestra u oculta texto, imagenes o videos'}
]
});

Y listo, ya tienen su boton en editor de mensajes.

Posibles Bug's

- Funciona muy bien en MyBB 1.4.13, pero talvez no sirva en el 1.6, voy a hcer la prueba y despues edito...

- Ese boton sirve perfecto para la verción 1 de este MyCode, pero en la verción 1.1 es nesesario escribirlo de esta forma:

Cita:[spoiler=]

Funciona exelente, muy buen aporte. Aparte le da un buen estilo al spoiler clasico

---

Funciona a las mil maravillas ¡¡¡¡

No se si deberia... pero hago la pregunta, seria posible añadir un icono en la zona de escritura de los mensajes tipo bbcode para no tener que escribir el codigo?

saludosssssssssss

si es posible y el tuto lo encuentras aqui en mybb-es

---

Atención:

una pregunta el codigo que dice Remplazar por: donde lo tengo que poner???

en donde dice , "Reemplazar por *
Introduce el reemplazamiento para la expresión regular.
Ejemplo: <strong>$1</strong>"

ok gracias Otaku_Col

si pongo una imagen en el spoiler me sale la barrita del fit on page 2 veses

Funciona perfecto, gran aporte!

Exelente, Muchas Gracias =D

Saludos!