Página 1 de 1

BBCode estilo Vbulletin (El que muchos buscan)  Tema Solucionado

Publicado: 08 Abr 2011, 17:23
por Arkanoz
¿Qué tal?

Bueno, he visto que en este foro pidieron hace tiempo quien pudiera proporcionarles el codigo HTML del BBCode "Spoiler"

Pues bien, hace ya un tiempo que logre poner ese codigo en mi foro, de hecho lo puse en otro foro de mods y soporte phpbb, pero creo que el sitio ya fue cerrado.

Como sea, espero que sea lo que muchos buscan, al menos a mi, este codigo me gusta mas que otros codigos que por ahi hay, si lo editan y le añaden otras cosas me gustaria que aqui lo publicaran para mejorar aun mas el codigo.

Como un dato mas les comentaré que este codigo tiene el "problema" por así decirlo de no aceptar un spoiler dentro de otro spoiler, para ello tendrian que crear otro codigo BBCode con el nombre (por ejemplo) "spoiler2" para así poder poner otro spoiler dentro del primero.

Si quieren ver un ejemplo, visiten este tema en mi foro, ahi está un ejemplo del Spoiler.

http://www.hawkanime.net/foro/viewtopic.php?f=4&t=55

NOTA: Tengo una versión de skin basada en Subsilver2, el botón del spoiler se ve un tanto "viejo" por esa razón, pero si usan un estilo basado en Prosilver, el botón se verá así.

Imagen
Imagen

Sin mas rodeos, les dejo el codigo:

Código: Seleccionar todo

[spoiler]{TEXT}[/spoiler]

Código: Seleccionar todo

<div><div class="pre-spoiler">
	<span style="padding-top: 2px;"></span> <input type="button" value="Ver" 

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 = 'Ver';}">
	</div>
	<div>
		<div class="spoiler" style="display: none;"><b></b>{TEXT}</div>
	</div>
</div>
Yo lo saque directamente del codigo fuente de un foro Vbulletin que yo visitaba. Lo apliqué a mi foro y funcionó, pruebenlo, espero que les guste. :wink:

Re: BBCode estilo Vbulletin (El que muchos buscan)

Publicado: 08 Abr 2011, 17:30
por OsKiTaR
Gracias por el aporte! Lo probaré :ok:.

Re: BBCode estilo Vbulletin (El que muchos buscan)

Publicado: 09 Abr 2011, 00:06
por Megabyte
Excelente aporte!!!!! :cerveza:

funcionando a la perfeccion y tal como dices,en prosilver los botones se ven asi.... :ok:

Re: BBCode estilo Vbulletin (El que muchos buscan)

Publicado: 14 Abr 2011, 04:40
por ZeergiioGT
Gracias Amigooo !! :bravo:

Re: BBCode estilo Vbulletin (El que muchos buscan)

Publicado: 04 May 2011, 15:12
por maria03
Arkanoz escribió:¿Qué tal?

Bueno, he visto que en este foro pidieron hace tiempo quien pudiera proporcionarles el codigo HTML del BBCode "Spoiler"

Pues bien, hace ya un tiempo que logre poner ese codigo en mi foro, de hecho lo puse en otro foro de mods y soporte phpbb, pero creo que el sitio ya fue cerrado.

Como sea, espero que sea lo que muchos buscan, al menos a mi, este codigo me gusta mas que otros codigos que por ahi hay, si lo editan y le añaden otras cosas me gustaria que aqui lo publicaran para mejorar aun mas el codigo.

Como un dato mas les comentaré que este codigo tiene el "problema" por así decirlo de no aceptar un spoiler dentro de otro spoiler, para ello tendrian que crear otro codigo BBCode con el nombre (por ejemplo) "spoiler2" para así poder poner otro spoiler dentro del primero.

Si quieren ver un ejemplo, visiten este tema en mi foro, ahi está un ejemplo del Spoiler.

http://www.hawkanime.net/foro/viewtopic.php?f=4&t=55

NOTA: Tengo una versión de skin basada en Subsilver2, el botón del spoiler se ve un tanto "viejo" por esa razón, pero si usan un estilo basado en Prosilver, el botón se verá así.

Imagen
Imagen

Sin mas rodeos, les dejo el codigo:

Código: Seleccionar todo

[spoiler]{TEXT}[/spoiler]

Código: Seleccionar todo

<div><div class="pre-spoiler">
	<span style="padding-top: 2px;"></span> <input type="button" value="Ver" 

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 = 'Ver';}">
	</div>
	<div>
		<div class="spoiler" style="display: none;"><b></b>{TEXT}</div>
	</div>
</div>
Yo lo saque directamente del codigo fuente de un foro Vbulletin que yo visitaba. Lo apliqué a mi foro y funcionó, pruebenlo, espero que les guste. :wink:
perdon mi ignorancia.. en donde va ese codigo?

Re: BBCode estilo Vbulletin (El que muchos buscan)

Publicado: 04 May 2011, 19:13
por Arkanoz
En tu Panel de Administración (ACP), ahi pulsas la pestaña "MENSAJES" y automaticamente te muestra la lista de todos tus BBCodes configurados (en caso de tener alguno).

Ahi mismo pulsa el botón "Añadir nuevo BBCode" en cuanto cargue la ventana solo tienes que copiar y pegar el codigo, ponerle una descripción a tu nuevo BBCode y elegir si lo deseas mostrar en tus opciones de respuesta o no (aun así será utilizable aunque esté oculto)

Suerte. :wink:

Re: BBCode estilo Vbulletin (El que muchos buscan)

Publicado: 15 Ago 2011, 17:12
por barbanegra
Muy bueno, muchas gracias.
Pregunta, existe alguna razón técnica para que no funcione con SIMPLETEXT en lugar de TEXT?.
De hecho, no va si no es literalmente como está.
Gracias!

Re: BBCode estilo Vbulletin (El que muchos buscan)

Publicado: 15 Ago 2011, 17:59
por leviatan21
barbanegra escribió:Pregunta,
No es pregunta para este tema :wink: