COMO CAMBIAR EL COLOR DEL LIGHTBOX DE BLOGGER

Hoy te traigo un tutorial que seguro que te gusta mucho. :)

Te estarás preguntando ¿qué es el lightbox? El lightbox es esa cajita o marco negro que sale cuando pinchas en las fotos de Blogger. Te las muestra más grandes, por si tienes que verlas mejor.

Se puede activar o desactivar fácilmente (en Configuración - Entradas y comentarios - Mostrar imágenes con lightbox - Sí o No)

Cuando se activa, sale lo que acabas de ver. Todo el mundo lo deja de color negro pero si quieres yo te enseño como cambiarle el color. Además es súper fácil.

Se pueden cambiar 3 colores.  Fijate como la zona de abajo, donde salen las demás fotos del post si es que en él hay más de una, es de un tono un poco más oscuro que el resto. Eso se puede poner de un color, el resto de la caja de otro y el reborde de la caja de otro.

Podrías ponerlo así:

Es tan fácil como copiar este código de CSS y cambiar los colores o el grosor del reborde:

.CSS_LIGHTBOX_BG_MASK {
background-color:#dfdede !important;
/*pdb*/
}

.CSS_LIGHTBOX_FILMSTRIP {
background-color: #c6c6c6 !important;
/*pdb*/
}

.CSS_LIGHTBOX_SCALED_IMAGE_IMG {
cursor: pointer;
outline: 3px solid #8d8d8d !important;
position: relative;
/*pdb*/
}

Ahí van 3 códigos que debes pegar en la pestaña (personalizar plantilla-avanzado-añadir CSS)

El primer código es el que pertenece a la caja en sí. Tú deberás cambiar ese código que te he puesto en rosita, por el color que quieras. Puedes ver fácilmente los códigos de colores en la misma pestaña en la que estás de avanzado, pulsando en cualquier color verás su código. 

Ej: pulso en enlaces y voy probando hasta que encuentro el color que quiero, entonces copio su código de color y lo sustituyo por el que yo os he puesto en rosita.

El segundo código, pertenece a la franja de abajo donde salen las demás fotos. Y lo mismo: deberás cambiar el código que te he puesto en rosa al color que tu quieras.

Y por último, el tercer código pertenece al reborde.

Puedes o ponerlo del mismo color que el primero (caja) para que no se vea, tal y como hace Blogger en la caja negra que nos pone por defecto, o ponerle un color. Y si le pones color, puedes cambiarle el grosor. (Te lo dejo también marcado en rosa).

La verdad que también puedes cambiar el solid por dotted o dashed etc. como todas las líneas. Dotted es con puntitos, dashed con guiones y double con doble linea. 

¿A que es fácil?
¿Te ha gustado? ¿Lo vas a cambiar de color en tu blog?

Besos,