LOG IN
Usuario:

Contraseña:


Últimos temas
» Skin: Glow Theme [Adaptado por: 15-tronos]
Miér Mayo 09, 2018 1:08 am por profesional

» Hola, me presento
Mar Abr 24, 2018 7:31 pm por Jhunky

» [PUNBB] Powerfull Mystic Skin + Templates Premium [Exclusivo Shutskins]
Lun Ene 15, 2018 7:20 pm por Ivanaruto

» Skin MyApp [ Punbb ]
Sáb Ene 06, 2018 10:54 pm por yeisergs

» Plantilla Game portal v2
Sáb Ene 06, 2018 10:50 pm por yeisergs

» [1.6.x] [Theme/Tema] Glix (MyBB 2013 Gratuito)
Sáb Ene 06, 2018 10:47 pm por yeisergs

» info del user al dar clic al nombre del user en el index
Sáb Ene 06, 2018 10:22 pm por yeisergs

» RPG Forum Ranks (Double Pack)
Jue Nov 23, 2017 9:14 pm por golfete

» Efecto Lightbox automatico en imagenes [Foroactivo]
Mar Nov 21, 2017 3:01 am por djblah

Estadísticas
Tenemos 2352 miembros registrados.
El último usuario registrado es Jhunky.

Nuestros miembros han publicado un total de 41220 mensajes en 3360 argumentos.
Afiliados





No estás conectado. Conéctate o registrate

Ir a la página : Precedente  1, 2, 3

Ver el tema anterior Ver el tema siguiente Ir abajo  Mensaje [Página 3 de 3.]


Recuerdo del primer mensaje :



Autor:
giObanii fiOri (3mOtrOnik)

Descripción
Con este sencillo tutorial podras tener el tan anciado efecto Lightbox en las imagenes de los post en foros de foroactivo, ya sabemos que tenemos una herramienta que reduce la imagenes pero para ser sincero a mi no me gusto nadita yo esperaba algo con más convenciomiento. Pero despues de batallar unos dias para lograr hacerlo pues no soy un experto, logre hacer que las imagenes que esten en los post tengan un efecto Lightbox automaticamente ya que es posible hacerlo pero deberiamos insertar unas lineas de HTML y eso en verdad es frustrante para nuestros usuarios.





Instrucciones:
En realidad no haran casi nada ya que les he ahorrado el trabajo de alojar los archivos imagenes entre otras cosas ustedes simplemente copiaran el codigo correspondiente.

Nos dirigimos a:


-Panel de administración
--Modulos
---HTML & JAVASCRIPT
----Gestión de los códigos Javascript


Copiamos el siguiente codigo: Responder el tema para ver.





Pueden Configurar "En todas las paginas" o en solo "En los temas" Cualquiera funciona pero solo afectara a las imagenes de los post.


Este paso es OPCIONAL ya que si tienen activada la opcion Redimension de las imágenes no es necesario.

Vamos a:

-Panel de administración
--Visualización
---Imágenes y Colores
----Colores
-----CSS Stylesheet:


y pegamos el CSS correspondiente:

PHPBB2
Código:
.postbody img  {max-width: 600px;}

PHPBB3
Código:
.postbody img {max-width: 600px;}

PUNBB
Código:
.entry-content img {max-width: 600px;}

INVISION
Código:
.post-entry img {max-width: 600px;}

En el codigo anterior pueden modificar 600px por la anchura maxima de las imagenes en tus post.

UPDATE: 20/06/12

El Script tambien es compatible con la opcion Redimension de las imágenes asi que no habra problema si tienes esta opcion activada.

Aademas oculta los enlaces que salen arriba de las imagenes que sobrepasan las dimensiones extablecidas los cuales son [Ampliar esta imagen. Clic aquí para ver su tamaño original]

UPDATE: 23/06/12
Se ha cambiado el aspecto del lightbox utilizando fancyBox.
Ademas esto resuelve el problema de las imagenes enormes que sobrepasaban la anchura del navegador.

Se ha añadido la posibilidad de que los enlaces que dirigen a videos de youtube se visualizen tipo lightbox.

Tambien se ha solucionado el error que las imagenes con enlace son afectadas por el script ahora se deshabilita el efecto para dichas imagenes.

No es necesario volver a copiar el codigo.



DEMO
Mas info...
.



Última edición por giObanii el Sáb Jun 23, 2012 11:53 pm, editado 17 veces

Ver perfil de usuario http://toxigeek.com


grac

Ver perfil de usuario

Post para ver

Ver perfil de usuario http://universonaruto.foro.ag/

veamos..

Ver perfil de usuario

gracias

Ver perfil de usuario

gracias por la info

Ver perfil de usuario

a ver si este light box resulta

Ver perfil de usuario

averr

Ver perfil de usuario

Gracias!!!

Ver perfil de usuario

no hay ningún preview? El link de mas info está caído

Ver perfil de usuario

gracias voy probar que tal

Ver perfil de usuario

Contenido patrocinado


Ver el tema anterior Ver el tema siguiente Volver arriba  Mensaje [Página 3 de 3.]

Ir a la página : Precedente  1, 2, 3

Permisos de este foro:
No puedes responder a temas en este foro.