BBCode MOD para phpBB 3

Moderadores: Carlos, Soporte en MODs, Soporte en phpBB

Reglas del Foro: Solo BBCode, no dudas por favor.
  • Avatar de Usuario
Avatar de Usuario
By cisco007
#637
Titulo: Lighbox2 Imagen BBcode
Descripción: Un bbcode para abrir tus imagenes en los mensajes en un tipos highslide/lightbox! muy simple y sencillo!
Autor(es)/or Enlace: Autor de el bbcode yo, archivos de aqui: Lightbox2

Pedido?: no!

Historial desde la pagina oficial:
cambios
  • v2.51 - 4/20/12 - IE Fix: removed stray console.log statements. :-/
  • v2.5 - 4/10/12 - Switch to jQuery. Code put in Github. Compiling with Coffeescript and SASS.

Notas: vean las FAQ's

lo primero que hay que hacer es, editar el overall_header.html para añadir estas ediciones:
Buscar
Código: Seleccionar todo</head>

Añadir antes Agregue la línea siguiente(s) en una nueva línea en blanco antes de la línea de encontrar.
Código: Seleccionar todo<script src="{ROOT_PATH}lightbox/jquery-1.7.2.min.js"></script>
<script src="{ROOT_PATH}lightbox/lightbox.js"></script>
<link href="{ROOT_PATH}lightbox/lightbox.css" rel="stylesheet" />


Uso BBcode:
Código: Seleccionar todo[lightbox]{URL}[/lightbox]

Reemplazo HTML:
Código: Seleccionar todo<a href="{URL}" rel="lightbox" title=""><img src="{URL}" style="width:25%;height:25%;" alt="" /></a>

Línea de ayuda:
Código: Seleccionar todo[lightbox]enlace de imagen[/lightbox]

Ejemplo:
Código: Seleccionar todo[lightbox]http://www.adroie.com/gogreen/blog/wp-content/uploads/2010/06/mother_nature.jpg[/lightbox]


DEMO:


FAQ:
  1. pero tengo otros enlaces de jquery en la cabecera!?
    respuesta
    con un solo enlace que tengas te puede funcionar todo!

Descarga:
Avatar de Usuario
By cisco007
#638
Tambien pueden usar este bbcode para muchas imagenes!


tienen que hacer un nuevo bbcode asi:

Uso BBcode:
Código: Seleccionar todo[lightboxg]{URL}[/lightboxg]

Reemplazo HTML:
Código: Seleccionar todo<a href="{URL}" rel="lightbox[gallery]" title=""><img src="{URL}" style="width:25%;height:25%;" alt="" /></a>

Línea de ayuda:
Código: Seleccionar todo[lightboxg]enlace de imagen[/lightboxg]

Ejemplo:
Código: Seleccionar todo[lightboxg]http://www.adroie.com/gogreen/blog/wp-content/uploads/2010/06/mother_nature.jpg[/lightboxg][lightboxg]http://ts2.mm.bing.net/th?id=H.5041450625073213&pid=1.7[/ligthboxg][lightboxg]http://4.bp.blogspot.com/_hXjhQ1_xjuQ/SNKX-heF2fI/AAAAAAAAEI0/PO_DFfJ1wiI/s400/M%C3%A8re+nature.jpg[/lightboxg]


DEMO:


Avatar de Usuario
By cisco007
#639

!
debo corregir un pequeño error!

después o antes de subir la carpeta y el contenido a tu foro, debes corregir el archivo .css
Buscar Esto puede ser un encuentro parcial y no toda la línea
Código: Seleccionar todo/* line 81, ../sass/lightbox.sass */
.lb-prev:hover {
  background: url(../images/prev.png) left 48% no-repeat;
}

/* line 85, ../sass/lightbox.sass */
.lb-next:hover {
  background: url(../images/next.png) right 48% no-repeat;
}

Reemplazar con Reemplazar la línea(s) anteriores de encontrar con lo siguiente.
Código: Seleccionar todo/* line 81, ../sass/lightbox.sass */
.lb-prev:hover {
  background: url(images/prev.png) left 48% no-repeat;
}

/* line 85, ../sass/lightbox.sass */
.lb-next:hover {
  background: url(images/next.png) right 48% no-repeat;
}


debes hacer esto para que salgan las imágenes de navegación cuando uses el bbcode para varias imágenes!
¿Quién está conectado?

Usuarios navegando por este Foro: CommonCrawl [Bot] y 0 invitados