LOG IN
Usuario:

Contraseña:


Últimos temas
» [PHPBB3] Estadísticas Y ¿Quien esta en Linea? como PUNBB.
Dom Ago 20, 2017 1:29 am por +Luigi!

» [PHPBB3] Recuadro a el contenido y el titulo de "¿Quien esta en Linea?".
Dom Ago 20, 2017 1:27 am por +Luigi!

» Free Forum Ranks
Lun Ago 14, 2017 3:10 am por sukerwold

» RPG Forum Ranks (Double Pack)
Lun Ago 14, 2017 3:09 am por sukerwold

» [MEGAPACK] Todos los iconos que necesitas para tu foro en un solo lugar!! -Proximamente PSD- INCLUYE EPS
Lun Ago 14, 2017 1:33 am por osmardj

» info del user al dar clic al nombre del user en el index
Vie Ago 04, 2017 10:22 pm por tyhr

» Nebula Resource Pack
Jue Ago 03, 2017 6:41 pm por Aikazen

» Skin Teen Pro9x [ PunBB ]
Lun Jun 05, 2017 3:39 am por profesional

» Ranks 3
Miér Mayo 31, 2017 11:17 pm por zotinyx

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

Nuestros miembros han publicado un total de 41211 mensajes en 3358 argumentos.
Afiliados





No estás conectado. Conéctate o registrate

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

Ver el tema anterior Ver el tema siguiente Ir abajo  Mensaje [Página 2 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.



.



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

Ver perfil de usuario http://toxigeek.com


muchas gracias compa

Ver perfil de usuario

Muy bueno gracias!

Ver perfil de usuario

Y el código anterior? A mí el de antes era el que me funcionaba, éste no me funciona y me sigue apareciendo lo de ampliar imagen y ver tamaño normal además cuando entro a cualquier tema me sale un anuncio donde pone

"Efecto Lightbox automatico en imagenes [Foroactivo]"
Se han hecho modificaciones y es importante que vuelva a copiar el codigo.

Continuar

Ver perfil de usuario http://pokevento.tumblr.com/

Muy bueno Encantado

Ver perfil de usuario

Woow que ingenioso. pero no me funciona Zombie

Ver perfil de usuario http://biohazard.webmaster-foro.com

oh baby i like it (:

Ver perfil de usuario http://www.designforum.foroactivo.com/

Esto es perfecto lo instalare muchas gracias Encantado

Ver perfil de usuario

posteo para ver!

Ver perfil de usuario http://tuforodeayuda.foroes.org

Gracias, interesante.

Ver perfil de usuario

a ver...

Ver perfil de usuario

wooow, muy bueno!

Ver perfil de usuario

excelente tuto mil gracias

Ver perfil de usuario

gracias

Ver perfil de usuario

Muy bueno, gracias Canchero

Ver perfil de usuario http://www.world-one.org

Comentando para ver Canchero

Ver perfil de usuario http://pcblast.forumeiros.com/

ver

Ver perfil de usuario http://pixelas.foroactivo.com/

Me encanta, le da un aspecto muy profesional al foro.

Ver perfil de usuario

ok posteo para ver ..

Ver perfil de usuario

ver

Ver perfil de usuario

Quiero verlo se ve excelente

Ver perfil de usuario

graciwsd

Ver perfil de usuario

Muchas gracias por el tuto

Ver perfil de usuario http://digizone.foroargentina.net/forum

quiero ver

Ver perfil de usuario

posteo gracias

Ver perfil de usuario

hola

Ver perfil de usuario

Contenido patrocinado


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

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

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