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) 41 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.
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.
Espero les sea de ayuda. Bendiciones.
