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 : 1, 2, 3  Siguiente

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




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

wow lo buscaba mucho

Ver perfil de usuario

no me funciono

Ver perfil de usuario

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.

Ver perfil de usuario http://toxigeek.com

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%


- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Mai Tuitah: @ElDelTKM
Mai Youtuf chanel: http://youtube.com/StormMadafaqas
Mai Tuenti: Storm Madafaqas Gfx
Mai Skaip: Madafaqas
Ver perfil de usuario http://www.webdesignforo.net/

Gracias voy a ver. No funciona Llorando

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

Buen aporte.

Ver perfil de usuario http://www.fuerzashinobi.net/

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.

Ver perfil de usuario http://toxigeek.com

Es un problema con el BBcode *Hide*. De momento queda libre, hago un reporte a la administracion.

Ver perfil de usuario

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

Ver perfil de usuario http://toxigeek.com

Muy bueno +1

Ver perfil de usuario

thanks Encantado

Ver perfil de usuario

Gracias por tu aporte.

Ver perfil de usuario http://www.webdesignforo.net/

increible amigo

Ver perfil de usuario

woww simplemente me encantaa^^

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

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

Ver perfil de usuario

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.

Ver perfil de usuario http://toxigeek.com

posteo para ver

Ver perfil de usuario

gracias

Ver perfil de usuario

excelente efecto parece magia

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

Muy buenooo !

Ver perfil de usuario

gracias por el aporte se te agradece Canchero

Ver perfil de usuario http://kcss.foroac.com/forum

bn post!

Ver perfil de usuario

aver

Ver perfil de usuario

Posteo para ver

Ver perfil de usuario

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.