Resultados 1 al 14 de 14

BBCODE Spoiler

Esta es una discusión en el tema BBCODE Spoiler dentro del foro vB3 Soporte General, parte de la categoría vBulletin; 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 > ...



  1. #1
    Usuario Avatar de Lord Rudy
    Fecha de ingreso
    19/nov/2009
    Mensajes
    45
    Gracias
    9
    Agradecido 9 veces en 7 mensajes
    Poder de Credibilidad
    0

    Predeterminado BBCODE Spoiler

    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:

  2. bbcode spoiler

    spoiler en bbcodebbcode spolierspoiler bbcode vbulletincodigo bbcode spoilerinset
  3. #2
    Administrador Avatar de mcloud
    Fecha de ingreso
    03/nov/2009
    Ubicación
    In your mind
    Mensajes
    804
    Gracias
    31
    Agradecido 749 veces en 267 mensajes
    Poder de Credibilidad
    10

    Predeterminado Respuesta: BBCODE Spoiler

    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?



  4. #3
    Usuario Avatar de Lord Rudy
    Fecha de ingreso
    19/nov/2009
    Mensajes
    45
    Gracias
    9
    Agradecido 9 veces en 7 mensajes
    Poder de Credibilidad
    0

    Predeterminado Respuesta: BBCODE Spoiler

    Cita Iniciado por mcloud Ver mensaje
    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..



  5. #4
    Administrador Avatar de mcloud
    Fecha de ingreso
    03/nov/2009
    Ubicación
    In your mind
    Mensajes
    804
    Gracias
    31
    Agradecido 749 veces en 267 mensajes
    Poder de Credibilidad
    10

    Predeterminado Respuesta: BBCODE Spoiler

    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?



  6. #5
    Usuario Avatar de Lord Rudy
    Fecha de ingreso
    19/nov/2009
    Mensajes
    45
    Gracias
    9
    Agradecido 9 veces en 7 mensajes
    Poder de Credibilidad
    0

    Predeterminado Respuesta: BBCODE Spoiler

    Cita Iniciado por mcloud Ver mensaje
    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 ?



  7. #6
    Administrador Avatar de mcloud
    Fecha de ingreso
    03/nov/2009
    Ubicación
    In your mind
    Mensajes
    804
    Gracias
    31
    Agradecido 749 veces en 267 mensajes
    Poder de Credibilidad
    10

    Predeterminado Respuesta: BBCODE Spoiler

    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



  8. El siguiente usuario ha agradecido a mcloud por este útil mensaje:

    Lord Rudy (14/03/2010)

  9. #7
    Usuario Avatar de Lord Rudy
    Fecha de ingreso
    19/nov/2009
    Mensajes
    45
    Gracias
    9
    Agradecido 9 veces en 7 mensajes
    Poder de Credibilidad
    0

    Predeterminado Respuesta: BBCODE Spoiler

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

    Salu2!



  10. #8
    Usuario Avatar de gabriel
    Fecha de ingreso
    05/mar/2010
    Mensajes
    20
    Gracias
    3
    Agradecido 1 vez en 1 mensaje
    Poder de Credibilidad
    0

    Predeterminado Respuesta: BBCODE Spoiler

    Mcloud estas seguro que funciona correctamente ese BBCODE?

    si yo coloco 2 etiquetas o más de Spoiler en un solo tema me abre automaticamente el primero nomas. (intente abrir los otros y siempre abre el primero ¿podrias testearlo?

    te dejo el mio que lo modifiqué del tuyo

    Código HTML:
    <style type="text/css">
    .pre-spoiler {
    	margin: 0 15px 5px 15px;
    	padding: 3px 5px 3px 5px;
    	font-weight: bold;
    	text-align: right;
    	color: #333333;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	background-color: ebebeb;
    	border-top-width: 1px;
    	border-right-width: 1px;
    	border-bottom-width: 1px;
    	border-left-width: 1px;
    	border-top-style: solid;
    	border-right-style: solid;
    	border-bottom-style: solid;
    	border-left-style: solid;
    	border-top-color: cecece;
    	border-right-color: cecece;
    	border-bottom-color: cecece;
    	border-left-color: cecece;
    }
    .spoiler {
    	margin: 0 15px 15px 15px;
    	padding: 5px;
    	border: 1px solid #cecece;
    	background-color: ebebeb;
    }
    .Estilo1 {
    	color: #4e4e4e
    }
    </style>
     <div class="pre-spoiler">
        <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>
        <div class="spoiler" style="display: none;">{param}</div>
      </div>
    Gracias



  11. #9
    Usuario Avatar de gabriel
    Fecha de ingreso
    05/mar/2010
    Mensajes
    20
    Gracias
    3
    Agradecido 1 vez en 1 mensaje
    Poder de Credibilidad
    0

    Predeterminado Respuesta: BBCODE Spoiler

    mcloud podrias verificar mi codigo?



  12. #10
    Administrador Avatar de mcloud
    Fecha de ingreso
    03/nov/2009
    Ubicación
    In your mind
    Mensajes
    804
    Gracias
    31
    Agradecido 749 veces en 267 mensajes
    Poder de Credibilidad
    10

    Predeterminado Respuesta: BBCODE Spoiler

    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.



  13. #11
    Usuario Avatar de gabriel
    Fecha de ingreso
    05/mar/2010
    Mensajes
    20
    Gracias
    3
    Agradecido 1 vez en 1 mensaje
    Poder de Credibilidad
    0

    Predeterminado Respuesta: BBCODE Spoiler

    claro pero si es hací quedaria sin la barra de color o el background que quiero que tenga
    te explico.

    yo quiero igual como este:


    Sólo que como lo deje yo solamente a color y un marco negro
    ahora logro dejarlo con el background como quiero, pero tengo un error de que cuando etiqueto dos textos con spoiler al abrir cualquiera de los 2 osea cuando presiono cualquier boton de "mostrar" del spoiler solo me muestra el contenido del 1º y no del que corresponde.



  14. #12
    Administrador Avatar de mcloud
    Fecha de ingreso
    03/nov/2009
    Ubicación
    In your mind
    Mensajes
    804
    Gracias
    31
    Agradecido 749 veces en 267 mensajes
    Poder de Credibilidad
    10

    Predeterminado Respuesta: BBCODE Spoiler

    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á



  15. #13
    Usuario Avatar de gabriel
    Fecha de ingreso
    05/mar/2010
    Mensajes
    20
    Gracias
    3
    Agradecido 1 vez en 1 mensaje
    Poder de Credibilidad
    0

    Predeterminado Respuesta: BBCODE Spoiler

    gracias provaré



  16. #14
    Usuario
    Fecha de ingreso
    19/nov/2009
    Edad
    21
    Mensajes
    1
    Gracias
    0
    Agradecido 0 veces en 0 mensajes
    Poder de Credibilidad
    0

    Predeterminado Respuesta: BBCODE Spoiler

    Muy bueno el código aunque yo le he hecho un cambio:

    Reemplazando "Spoiler" por "{option}" podéis conseguir que cambie el título del spoiler



Etiquetas de este tema