LOG IN
Usuario:

Contraseña:


Últimos temas
» [PHPBB3] Tema Ubuntu
Efecto Lightbox automatico en imagenes [Foroactivo] EmptyMar Feb 27, 2024 10:22 am por hoanglongnhatbao

» [PHPBB3] Fondo y otros efectos al texto llamado "Por X" debajo de los titulos de los post.
Efecto Lightbox automatico en imagenes [Foroactivo] EmptyMar Mayo 30, 2023 8:52 am por hoanglongnhatbao

» Skin: Academy [Adaptado por: 15-tronos]
Efecto Lightbox automatico en imagenes [Foroactivo] EmptyMar Mayo 30, 2023 8:47 am por hoanglongnhatbao

» [PHPBB3] KN-Anime - VAngel.
Efecto Lightbox automatico en imagenes [Foroactivo] EmptyMar Mayo 30, 2023 8:46 am por hoanglongnhatbao

» [PHPBB3] Element Professional Style
Efecto Lightbox automatico en imagenes [Foroactivo] EmptyMar Mayo 30, 2023 8:45 am por hoanglongnhatbao

» Menu minimalista
Efecto Lightbox automatico en imagenes [Foroactivo] EmptyMar Mayo 30, 2023 8:44 am por hoanglongnhatbao

» [Todas] Efecto Slider Transition en el Logo
Efecto Lightbox automatico en imagenes [Foroactivo] EmptyMar Mayo 30, 2023 8:43 am por hoanglongnhatbao

» [PHPBB3] Mejores Posteadores flotantes.
Efecto Lightbox automatico en imagenes [Foroactivo] EmptyMar Mayo 30, 2023 8:41 am por hoanglongnhatbao

» [phpbb3] Agrandar el nombre de usuario en el perfil
Efecto Lightbox automatico en imagenes [Foroactivo] EmptyMar Mayo 30, 2023 8:41 am por hoanglongnhatbao

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

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





No estás conectado. Conéctate o registrate

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

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


giObanii

giObanii
Soy new user
Efecto Lightbox automatico en imagenes [Foroactivo] Tutorialesforoactivocom

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:


Efecto Lightbox automatico en imagenes [Foroactivo] 732987880 -Panel de administración
Efecto Lightbox automatico en imagenes [Foroactivo] 732987880 --Modulos
Efecto Lightbox automatico en imagenes [Foroactivo] 732987880 ---HTML & JAVASCRIPT
Efecto Lightbox automatico en imagenes [Foroactivo] 732987880 ----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:

Efecto Lightbox automatico en imagenes [Foroactivo] 732987880 -Panel de administración
Efecto Lightbox automatico en imagenes [Foroactivo] 732987880 --Visualización
Efecto Lightbox automatico en imagenes [Foroactivo] 732987880 ---Imágenes y Colores
Efecto Lightbox automatico en imagenes [Foroactivo] 732987880 ----Colores
Efecto Lightbox automatico en imagenes [Foroactivo] 732987880 -----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

http://toxigeek.com

Toreto

Toreto
+100 post
wow lo buscaba mucho


Toreto

Toreto
+100 post
no me funciono


giObanii

giObanii
Soy new user
Lo siento mi amigo no es posible copiar el codigo correctamente talvez sea por el tipo de editor que estan usando en este foro que por sierto esta del nabo pero puede visitar el enlace de abajo y encontraras el post original.

http://toxigeek.com

Fernando

Fernando
Mod.Gráficos
MX-3 escribió:wow lo buscaba mucho

MX-3 escribió:no me funciono

Hola,
La cantidad de infracciones realizadas en su nombre son bastantes,
A la próxima le bajaré la barra al 50%

http://www.webdesignforo.net/

Jotace

Jotace
+300 post
Gracias voy a ver. No funciona Llorando

http://pokevento.tumblr.com/

Slash+

Slash+
I ♥ WD
Buen aporte.

http://www.fuerzashinobi.net/

giObanii

giObanii
Soy new user
Para aquellos que no les funciona no es mi culpa el codigo no se puede
pegar correctamente creo que se debe al editor que estan utilizando en
el foro. para aquellos que decean el tuto denle en el enlace que esta mas abajo Mas info... y encontrarn el post original del tuto.

http://toxigeek.com

Right!

Right!
I ♥ WD
Es un problema con el BBcode *Hide*. De momento queda libre, hago un reporte a la administracion.


giObanii

giObanii
Soy new user
Ok ya me habia dado cuenta por ello lo he puesto en pastebin y ocultado el link.
Saludos!

http://toxigeek.com

Winth

Winth
I ♥ WD
Muy bueno +1


o0o_mr79

o0o_mr79
Soy new user
thanks Encantado


Juan

Juan
I ♥ WD
Gracias por tu aporte.

http://www.webdesignforo.net/

Ban Midou

Ban Midou
+300 post
increible amigo


EleKtra

EleKtra
+300 post
woww simplemente me encantaa^^

http://forodeforos.foroactivo.com/

Toreto

Toreto
+100 post
Perdonen por el doble post pero, bro, el css de la ligh no esta, como quieres que aparezca si el css esta incompleto, no me funciono nuevamente


giObanii

giObanii
Soy new user
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.

http://toxigeek.com

topisima

topisima
Miembro activo
posteo para ver


alejandro0698

alejandro0698
Miembro activo
gracias


millenion

millenion
+100 post
excelente efecto parece magia

http://equilibriumfx.foroactivo.com/

Kriiz

Kriiz
+200 post
Muy buenooo !


BlazeFlo0w

BlazeFlo0w
I ♥ WD
gracias por el aporte se te agradece Canchero

http://kcss.foroac.com/forum

Cryzη

Cryzη
Miembro activo
bn post!


Nachote99

Nachote99
+200 post
aver


Theon

Theon
+200 post
Posteo para ver


Contenido patrocinado


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

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

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