[BBCODE] Lytebox (Image Resizer y SlideShow)Tema Solucionado

[zyxer]

Con este Tutorial podrás agregar 2 BBcodes a tu foro (funciona también en portal):

Probado únicamente en estilo prosilver

Descripción:
Los dos BBcodes que agragarás cumplen la función de ImageResizer, la diferencia es que uno, al hacer clic sobre la foto, te la abrirá en Lytebox y si haz puesto más de una imagen en el post, te permitirá cambiar de una imagen a la otra sin hacer cerrar. El otro BBcode hace lo mismo, pero al abrir una imagen se abrirá un Slideshow y las fotos se pasarán de una en una de manera automática. Ambos BBCodes ponen el nombre de la imagen debajo de la imagen una vez en el lytebox.

---

Preparación:

Abrir: archivo /styles/prosilver/template/overall_hearder.html

Buscar:

Código: Seleccionar todo

</head>

Añadir antes:

Código: Seleccionar todo

<script type="text/javascript" language="javascript" src="lytebox.js"></script>
<link rel="stylesheet" href="lytebox.css" type="text/css" media="screen" />

Descargar el siguiente archivo y súbalo a su carpeta root.:

lyte.zip

(185.95 KiB) Descargado 284 veces

Súbalo a su carpeta root.

---

Creando BBcode de Slideshow:

Ir a: ACP >> Mesnsaje >> BBCodes
Hacer clic en "Añadir nuevo BBCode"

Llenar los campos de la siguiente manera:

Uso del BBCode:

Código: Seleccionar todo

[slideshow={SIMPLETEXT}]{URL}[/slideshow]

Reemplazo HTML

Código: Seleccionar todo

<a href="{URL}" class="lytebox" data-lyte-options="slide:true group:slideshow" data-title="{SIMPLETEXT}" title="Clic para ampliar imagen"><img style="max-width:350px; max-height: 350px;" src="{URL}" alt="Image" /></a>

Línea de ayuda

Código: Seleccionar todo

[slideshow={SIMPLETEXT}]{URL}[/slideshow]

Marcar la casilla "Mostrar en mensajes" y hacer clic en "enviar".

NOTA: Luego de eso, ta aparecerá el siguiente mensaje:

ADVERTENCIA
El BBCode que está intentando añadir parece que usa la marca clave {TEXT} dentro de un atributo HTML. Eso puede traducirse en un agujero de seguridad XSS. Trate de usar en cambio los tipos {SIMPLETEXT} o {INTTEXT} que son más restrictivos. Solo continúe entiende los riesgos que corre y considera el uso de {TEXT} absolutamente inevitable.

Ignóralo y haz clic en "Sí", luego en "regrese a la pagina anterior".

---

Creando BBcode para Imagenes:
Hacer clic en "Añadir nuevo BBCode"

Llenar los campos de la siguiente manera:

Uso del BBCode:

Código: Seleccionar todo

[imagen={SIMPLETEXT}]{URL}[/imagen]

Reemplazo HTML

Código: Seleccionar todo

<a href="{URL}" class="lytebox" data-lyte-options="group:vacation" data-title="{SIMPLETEXT}" title="Clic para ampliar imagen"><img style="max-width:350px; max-height: 350px;" src="{URL}" alt="Image" /></a>

Línea de ayuda

Código: Seleccionar todo

[imagen={SIMPLETEXT}]{URL}[/imagen]

Marcar la casilla "Mostrar en mensajes" y hacer clic en "enviar".

NOTA: Luego de eso, ta aparecerá el siguiente mensaje:

ADVERTENCIA
El BBCode que está intentando añadir parece que usa la marca clave {TEXT} dentro de un atributo HTML. Eso puede traducirse en un agujero de seguridad XSS. Trate de usar en cambio los tipos {SIMPLETEXT} o {INTTEXT} que son más restrictivos. Solo continúe entiende los riesgos que corre y considera el uso de {TEXT} absolutamente inevitable.

Ignóralo y haz clic en "Sí", luego en "regrese a la pagina anterior".

Espero les sea de ayuda. Bendiciones.

[ThE KuKa]

!	Mensaje del Equipo por: ThE KuKa
	zyxer, lo siento, pero lo único que puedo hacer es recomendar a los usuarios el NO INSTALAR este BBCode, ya que puede hacer vulnerable sus correspondientes foros. Mas información aquí: http://www.phpbb-es.com/foro/anuncios-p ... 24990.html

MENSAJE EDITADO

!	Mensaje del Equipo por: ThE KuKa
	Las etiquetas TEXT han sido reemplazadas por SIMPLETEXT con esto deberíamos evitar la vulnerabilidad.

[ThE KuKa]

!	Mensaje del Equipo por: ThE KuKa
	Primer mensaje editado, para cambiar variable TEXT por SIMPLETEXT de este modo supongo que evitamos la vulnerabilidad.