Blogger LightBox: Se sobreponen las imágenes - Solución


Eso se debe a que tenemos distintos elemento con una capa superior a la capa que lleva la ventana modal tipo LighBox de Blogger.

Lo solucionamos cambiándole el valor a la propiedad z-index de los distintos elementos que se superponen a la capa de la ventana modal tipo LighBox de Blogger.

O podemos agregarle un valor superior a la capa de la ventana modal tipo LighBox de Blogger.

Para hacer eso solo hay que agregar un código al CSS de nuestra plantilla.

Ir a Diseño (vieja interfaz) o Plantilla (nueva interfaz), Edición de HTML.

Buscar ]]></b:skin> y justo arriba pegar el siguiente código:

.CSS_LIGHTBOX{z-index:9999999999!important;}

Ir viendo con vista previa antes de guardar.

Tal ves sea necesario agrandar el valor 9999999999.


13 comentarios:

  1. Hola Vku!,

    Eso funciona pero me recuerda a 000 hasta que se te entuma el dedo, que decíamos de muy niños XD, pienso que es mejor cambiar el valor del z-index de los elementos que usen posición absoluta o relativa y que se superponen (disminuyéndolos para que sean menores que la capa del lightbox) para que no se superpongan, y de ese modo evitas agregar otras lineas de CSS y reforzar el valor con !important.

    Salu2!!.

    ResponderEliminar
  2. Si, karla, pero acuerdate que hay muchos que no saben encontrar los códigos, solo copian y pegan sin saber que hace, no se preocupan en aprender.
    Lo digo por códigos viejos ya en la plantilla.

    ResponderEliminar
  3. Fíjate que tienes toda la razón, desde esa perspectiva, precisamente estaba analizando eso, y veo que para muchos es mas cómodo solo copiar y pegar, que es comprensible partiendo desde el punto que no todos tienen el interés o el tiempo para entrar en detalles y solo buscan resultados.

    ResponderEliminar
  4. Vos Karla conoces las propiedades porque te has preocupado en aprender y entender para que son cada cosa. Pero estoy seguro que la mayoria no entran al enlace que puse "leer sobre la propiedad z-index"

    ResponderEliminar
  5. Vku,que se puede hacer cuando como en mi caso no funciona este LIGHTBOX en la plantilla.Mira a ver si me puedes decir algo al respecto..Gracias
    www.jgserrano.blogspot.com

    ResponderEliminar
  6. Vku,que se puede hacer cuando como en mi caso no funciona este LIGHTBOX en la plantilla, a pesar de tenerlo habilitado en -configuracion-.Mira a ver si me puedes decir algo al respecto..Gracias
    www.jgserrano.blogspot.com

    ResponderEliminar
  7. Primero que nada quita los icono mios, sobre todo el de linkedin que tiene mis datos personales.
    Si lo querias solo tenias que pedirlos.
    Me avisas cuando los quites.

    ResponderEliminar
  8. Vku.Tienes razon.discupa, ya lo he quitado, estuve mirando para ponerlos pero no los encontraba..Gracias

    ResponderEliminar
  9. Tienes un script abajo del todo: ayudabloggers/scripts/RATINGSAYUDABLOGGERS.js

    Subelo, ponlo arriba de </head>

    ResponderEliminar
  10. Gracias por el codigo. Yo habia conseguido ocultar las imagenes que se veian, pero a base de muchas modificaciones en distintas partes de la palntilla, pero esto es mejor y mas sencillo.Un saludo

    ResponderEliminar
  11. Hola Vku.
    Tengo el mismo problema que J.Guti, el lightbox no se muestra en mi blog principal teniéndolo activado en configuración, copié la plantilla en un blog de pruebas y en éste si que aparece.
    Me ocurre lo mismo con los avatares de los comentarios que desaparecieron de un día para otro y sin previo aviso.
    Espero que tenga solución y que me eches un cable, ya que, por mí solo, es del todo inviable que lo solucione... a pocos conocerás que sepan menos de códigos que yo, aún intentándolo ;)
    Gracias de antemano.
    Un saludo.

    ResponderEliminar

Si tienes alguna opinión respecto a la entrada, tienes un punto de vista distinto, o simplemente quieres saludar, te invito a que dejes un comentario. NO SE ACEPTAN LINKS DE REFERIDOS para que los comentarios no se conviertan simplemente en una forma de publicitarse.

Nota: solo los miembros de este blog pueden publicar comentarios.