Comunicación

Colapsar
Aún no hay anuncio.

Bbcode: Spoiler

Colapsar
X
  • Filtrar
  • Hora
  • Mostrar
Clear All
Nuevos mensajes

  • BBCodes Bbcode: Spoiler

    BBCODE: SPOILER


    Instalación:

    AdminCP -> BBCODES -> Agregar Nuevo BBCODE ->


    Crear Nuevo Código BB:

    Título: spoiler bbcode
    Etiqueta: SPOILER
    Reemplazo:
    Código:
    <div>
    	<div class="pre-spoiler">
    	<span style="float:left; padding-top: 2px;"></span> <input type="button" value="Ver" style="width:80px;font-size:10px;margin:0px;padding:0px;color:black;" 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 = 'Ver';}">
    	</div>
    	<div>
    		<div class="spoiler" style="display: none;">{param}</div>
    	</div>
    </div>
    Ejemplo: [ spoiler]test[/spoiler ] (sin los espacios)
    Descripción: Ocultar texto o link de descargas
    Usar {option}: no
    Imagen de Botón: images/editor/spoiler.gif

    Aquí os pongo un ejemplo:





    Salud2

  • #2
    Re: Bbcode: Spoiler

    thanks .

    Camentario


    • #3
      Re: Bbcode: Spoiler

      Este otro spoiler funciona igual pero con una imagen diferente:
      :instrucciones:

      Instalación:

      subir por FTP las imágenes (en adjuntos) a
      spoiler.gif -> images/buttons
      spoiler.png -> images/misc
      Panel de Gestión -> Códigos BB -> Gestor de Códigos BB -> Añadir Nuevo Código BB ->
      Título -> SPOILER
      Nombre del Código BB -> SPOILER
      Sustitución ->
      Código:
      <div>
      	<div class="pre-spoiler">
      	<span style="float:left; padding-top: 2px;"></span> <input type="button" value="Haz clic aquí para MOSTRAR el contenido contraído" style="background-image:url(http://www.tudominio.com/foro/images/misc/spoiler.png);background-repeat:repeat-x;width:645px;height:32px;border:0px;font-weight:bolder;color:#ffffff;font-size:25px;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 = 'Haz clic aquí para CONTRAER el contenido'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Haz clic aquí para MOSTRAR el contenido contraido';}">
      	</div>
      	<div>
      		<div class="spoiler" style="display: none;">{param}</div>
      	</div>
      </div>
      (lo que está en verde adáptalo a tu foro)
      Ejemplo -> [ spoiler]test[/spoiler ] (sin los espacios)
      Descripción -> Ocultar texto o link de descargas
      Usar {option} -> NO
      Imagen de Botón (Opcional) -> images/buttons/spoiler.gif
      Borrar Etiqueta Si Está Vacía -> SI
      Desactivar Códigos BB Dentro De Este Código BB -> NO (si te interesa)
      Desactivar Caritas Dentro De Este Código BB -> NO (si te interesa)
      Desactivar Justificado de Texto Dentro De Este Código BB -> NO (si te interesa)
      Desactivar conversión automática en enlaces dentro de este BB Code -> NO (si te interesa)
      Ejemplo de como se ve:

      Salud2

      Camentario


      • #4
        Spoiler Descargar con imagen del servidor variable

        Sube por FTP el contenido del adjunto icon.rar a la carpeta /images/icon (creala si no existe)
        Panel de Gestión -> Códigos BB -> Gestor de Códigos BB -> Añadir Nuevo Código BB ->
        Título: SpoilerDR
        Nombre del Código BB: SDR
        Reemplazo:
        Código:
        <div>
            <div class="pre-spoiler">
            <img src="http://www.forovbulletin.com/foro/images/icon/{option}.png" alt="Clic para descargar" 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = '{option}';}">
            </div>
            <div>
                <div class="message" id="spoiler_{option}" style="display:none;">{param}</div></div>
            </div>
        </div>
        Ejemplo: [SDR="fileserve"]enlace[/SDR]
        Descripción: Spoiler para descargas con imagen del servidor variable
        Usar {option}:
        Imagen de Botón (Opcional): images/editor/sdr.gif
        Borrar Etiqueta Si Está Vacía:
        Desactivar Códigos BB Dentro De Este Código BB: No
        Desactivar Caritas Dentro De Este Código BB: No
        Desactivar Justificado de Texto Dentro De Este Código BB: No
        Desactivar conversión automática de enlaces dentro de este Código BB: NO




        El BBCode queda así (en la imagen se ve en su exterior el código BB DB)
        y al pulsar en la imagen se ve así (en la imagen se ve en su interior el código BB HIDE)

        Hay que subir a la carpeta images/icon (puedes crearla) las imágenes adjuntas.
        Puedes usar la imagen que quieras (en png), siempre que la subas a la carpeta y la nombres tal y como lo pide (si llamas a la imagen fileserve.png, deberás poner cuando te pida, fileserve, quedando el código BB así
        [SDR="fileserve"]enlace a donde sea[/SDR]
        [SDR="megaupload"]enlace a donde sea[/SDR]
        [SDR="forovbulletin"]enlace a donde sea[/SDR] ...
        Cambia la URL del código : <img src="http://www.forovbulletin.com/foro/images/icon/{option}.png" por la dirección de tu foro.

        Espero que te sea de utilidad.

        Salud2

        Camentario


        • #5
          Re: Bbcode: Spoiler

          gracias hermano tenia otro y no iba como yo queria, lo solucione con este

          Camentario


          • #6
            Re: Bbcode: Spoiler

            Gracias bajando espero sirva para el vbulletin 4.0.6

            Camentario


            • #7
              Re: Bbcode: Spoiler

              Iniciado por Zonaenlinea Ver mensaje
              Gracias bajando espero sirva para el vbulletin 4.0.6
              No puede editar pelos le informo muchas gracias quedo prefecto muy bien 100% agradecido.

              Camentario


              • #8
                Re: Bbcode: Spoiler

                Hay alguna manera de agregarle titulo al Spoiler?
                y no solo que salga el botón "Ver"

                Camentario


                • #9
                  Re: Bbcode: Spoiler

                  Este funciona (en teoría, aún no lo he probado) como [spoiler=título que quiero poner]texto[/spoiler] (o [spoiler="título que quiero poner"]texto[/spoiler])
                  Código:
                  <div>
                  	<div class="pre-spoiler">
                  	<span style="float:left; padding-top: 2px;"></span> <input type="button" value="{option}" style="width:80px;font-size:10px;margin:0px;padding:0px;color:black;" 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 = '{option}';}">
                  	</div>
                  	<div>
                  		<div class="spoiler" style="display: none;">{param}</div>
                  	</div>
                  </div>
                  Me dices si te ha valido.

                  Salud2

                  Camentario


                  • #10
                    Re: Bbcode: Spoiler

                    muchas gracias por tu respuesta, pero la verdad es que no me funciono
                    esta vez en lugar de decir "ver" dice "{option}"

                    Salud

                    Camentario


                    • #11
                      Re: Bbcode: Spoiler

                      no puedo editar mi post anterior!

                      ahora funciona perfecto
                      me faltaba poner que SI a la opción de "Usar {option}"

                      Muchísimas gracias

                      Camentario


                      • #12
                        Re: Bbcode: Spoiler

                        Me alegro de que ta haya funcionado.

                        Salud2

                        Camentario


                        • #13
                          Re: Bbcode: Spoiler

                          Graxxxxxxx

                          Camentario


                          • #14
                            Re: Bbcode: Spoiler

                            Ya saben que para eso estamos, pero solo hay que tener un poco de cuidado con el como se detallan las instrucciones para no tener lios.

                            Camentario


                            • #15
                              Re: Bbcode: Spoiler

                              Pues yo tengo un problema con este Spoiler ,funciona de maravillas , pero al ponerlo entra en conflicto con lo de subir imágenes en Avanzado ,elijo mi imágen en mi computadora le doy a subir y se queda un rato ahi ,cuando termina de cargar la imágen sale en blanco ,posteo y me sale un mensaje asi:



                              Rota ,puede ser que entre en conflicto el Spoiler con la subida de imágenes de vBulletin 4.1.2???

                              Gracias a quien me ayude a solucionar esto.

                              Camentario

                              Trabajando...
                              X