(Solucionado) adaptar codigo BB

B

Butowski

Hola vbhispanos.

Bueno quisiera que me ayudaran a adaptar un código BB para vbulletin.

HTML: 
<div style="padding: 3px; background-color: #FFFFFF; border: 1px solid #d8d8d8; font-size: 1em;"><div style="text-transform: uppercase; border-bottom: 1px solid #CCCCCC; margin-bottom: 3px; font-size: 0.8em; font-weight: bold; display: block;"><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>Spoiler: </b><a href=\'#\' onClick=\'return false;\'>hide</a>'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerHTML = '<b>Spoiler: </b><a href=\'#\' onClick=\'return false;\'>show</a>'; }" /><b>Spoiler: </b><a href="#" onClick="return false;">show</a></span></div><div class="quotecontent"><div style="display: none;">{TEXT}</div></div></div>

El código que muestro aca arriba es de un Spoiler, lo eh buscado en Internet y da un bonito resultado, pero el código es usado en foros phpbb, si se coloca como esta actualmente todo funciona pero muestra en su contenido

{TEXT}
Hacer clic para expandir...

bueno gracias y espero sus respuestas.
 
M

mcloud

Ni
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
11 Oct 2005
Mensajes
3.829
Re: adaptar codigo BB

Es tan sencillo como poner param, donde pone TEXT

O sea, debe quedar así
Insertar CODE, HTML o PHP: 
<div style="padding: 3px; background-color: #FFFFFF; border: 1px solid #d8d8d8; font-size: 1em;"><div style="text-transform: uppercase; border-bottom: 1px solid #CCCCCC; margin-bottom: 3px; font-size: 0.8em; font-weight: bold; display: block;"><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>Spoiler: </b><a href=\'#\' onClick=\'return false;\'>hide</a>'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerHTML = '<b>Spoiler: </b><a href=\'#\' onClick=\'return false;\'>show</a>'; }" /><b>Spoiler: </b><a href="#" onClick="return false;">show</a></span></div><div class="quotecontent"><div style="display: none;">{param}</div></div></div>

Editado:
Se me adelantó Chuta :)
 
B

Butowski

Re: adaptar codigo BB

Tanto pensar, y molestar para que sea algo tan sencillo, bueno chicos gracias a los 2, siempre tan efectivos ambos!
 
M

mcloud

Ni
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
11 Oct 2005
Mensajes
3.829
Re: adaptar codigo BB

Para el que quiera tenerlo y no sepa como crearlo, he aquí una explicación
  1. Título: Botón Spoiler para mostrar/ocultar
  2. Nombre de la Etiqueta del BB Code: SPOILER
  3. Reemplazar:
    <div style="padding: 3px; background-color: #FFFFFF; border: 1px solid #d8d8d8; font-size: 1em;"><div style="text-transform: uppercase; border-bottom: 1px solid #CCCCCC; margin-bottom: 3px; font-size: 0.8em; font-weight: bold; display: block;"><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>Spoiler: </b><a href=\'#\' onClick=\'return false;\'>hide</a>'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerHTML = '<b>Spoiler: </b><a href=\'#\' onClick=\'return false;\'>show</a>'; }" /><b>Spoiler: </b><a href="#" onClick="return false;">show</a></span></div><div class="quotecontent"><div style="display: none;">{param}</div></div></div>
  4. Ejemplo:
    Ahora se mostrará el texto
  5. Descripción: Permite ocultar/mostrar un texto con el simple gesto de pinchar en un boton
  6. Usar {option}: NO
  7. Imagen de Botón (Opcional): Puedes utilizar la imagen que adjunto. Simplemente súbela, por ejemplo a /images/misc/, del estilo que utilices y en el recuadro de la derecha pon images/misc/spoiler.gif
Las demás opciones dejarlas como están.
 
Hay que estar conectado o registrado para responder aquí.
Arriba