Buenas a todos los que lean este tema, resulta k tengo el BBCODE Spoiler instalado en mi foro i esta de la siguiente manera:



El codigo es este:

Código PHP:

<div style="display: none;">
tabla
</div>
</div>
</div>
</center></pre>
</div><center>
<div style="margin:20px; margin-top:5px">
<div class="smallfont" style="margin-bottom:2px; background-image: url(http://i37.tinypic.com/2bbg2f.png;">
  <input type="button" value="Ver Contenido Oculto" style="width:135px;font-size:13px;margin:2px;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 Contenido'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Ver Contenido Oculto'; }">
</div>
<div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;">
<div style="display: none;">
{param}
</div>

</div>
</div>
</center><br /> 


Y por otros sitios vi este tipo de Sopiler k me gusto ... Y nose como ponerlo asi en mi foro el Spoiler es este:



Nose si alguien que tenga conocimientos, me ayude con el codigo, xk estuve intentando editar pero nomas no puedo jeje..

Este es el link de las imagenes de ahi:

Código:

http://i48.tinypic.com/2lkd5wk.png

Código:

http://i47.tinypic.com/5ts9lh.jpg

Ojala alguien me pueda ayudar
De antemano, Gracias x su ayuda

Temas Similares:

• Crear Spoiler, para mostrar/ocultar texto
• (BBCODE) Spoiler Descargas
• BBCODE NOPARSE

Déjame que lo mire, pero de momento puedo decirte que el código que has puesto, contiene errores y que nunca te dará como resultado el efecto de arriba. ¿Seguro que estas utilizando ese código?

Iniciado por mcloud

Déjame que lo mire, pero de momento puedo decirte que el código que has puesto, contiene errores y que nunca te dará como resultado el efecto de arriba. ¿Seguro que estas utilizando ese código?

A que te refieres mcloud, no entiendo.. el codigo k puse es del BBCODE k tengo actualmente en mi foro.

Salu2!

Y poes me gustaria que kede comola captura k puse..

Comparalo con el que tienes y verás que faltan cosas. Por ejemplo, ¿que hace esa palabra "tabla" en la segunda linea?

Por cierto ¿donde has visto el BB Code que te gusta?

Iniciado por mcloud

Comparalo con el que tienes y verás que faltan cosas. Por ejemplo, ¿que hace esa palabra "tabla" en la segunda linea?

Por cierto ¿donde has visto el BB Code que te gusta?

Esto es lo k tengo en mi foro, el BBCODE



Y pues sobre lo k tu dices, lo vi en una pagina warez, tengo entendido k no esta permitido poner los enlaces en los temas.
Lo pueod poner ? para k chekes como se ace eso ?

Aquí te dejo el código.

He puesto todo dentro del código, aunque el style, lo podrías poner en el CSS, pero creo que así es más sencillo y necesita menos modificaciones.

Las rutas de las imágenes son las que pusiste en tu primer mensaje, deberías cambiarlas por unas de tu propio servidor, para evitar que si las eliminan, no se muestren en el spoiler.

Tambien puedes modificar el borde, color, estilo, etc... tanto en la clase pre-spoiler, como en la clase spoiler. Eso lo debes configurar según tu gusto. No es dificil.

Para instalarlo, edita el spoiler que tienes y en el apartado Reemplazar, sustituye lo que tienes por lo siguiente:

Código HTML:

<style type="text/css">
.pre-spoiler {
 border: 1px solid #000000;
 margin: 0 15px 5px 15px;
 background: url(http://i47.tinypic.com/5ts9lh.jpg);
 padding: 3px 5px 3px 5px;
 font-weight: bold;
 text-align: right;
 color: #000000;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
}
.spoiler {
 margin: 0 15px 15px 15px;
 padding: 5px;
 border: 1px solid #000000;
}
</style>
 <div class="pre-spoiler">
    <span style="float:left; padding-top: 2px;"><img src="http://i48.tinypic.com/2lkd5wk.png" width="16" height="16" hspace="5" align="absmiddle">Spoiler</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;">{param}</div>
  </div>

Cualquier duda, ya sabes... pregunta

Comentanos el resultado.
Un saludo

Orale.. Funciona de Maravilla..
Muchas Gracias x tu ayuda...

Salu2!

Prueba poniendo esto:

Código HTML:

<div style="pre-spoiler">
<div class="smallfont" style="margin-bottom:0px">
    <span class="Estilo1" style="float:left; padding-top: 2px;">Spoiler</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 style="margin: 0px; padding: 0px; border: 0px inset;">
<div style="display: none;">
{param}
</div>
</div></div>

después de </style> en lugar del código que tienes.

----------------

En cuanto al código que le puse a Lord Rudy, hay que añadir <div> después de </style> y </div> al final del todo.
Con esto se corrije el error que mencionabas.

Si quieres tu spoiler y que no ocurra el fallo que mencionas, pon un <div> debajo de </style> y cierralo al final </div>

Con ese pequeño cambio funcionará