¿Cómo quitar (o modificar) el borde y las sombras a todas las imágenes del blog en Blogger?

sábado, 13 de julio de 2013

Si ya te has aburrido del borde y, sobretodo, las sombras que las plantillas básicas de Blogger ponen a las imágenes de tu blog puedes modificar la plantilla para conseguir fácilmente que no aparezcan en ningún post del blog.

Pasos a seguir

  • Ve hacia Vista General > Plantilla
  • Haz copia de seguridad de la plantilla
  • Pulsa "Editar HTML"
  • Busca "]]></b:skin>"
  • Añade el siguiente código justo encima de "]]></b:skin>"
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img, .BlogList .item-thumbnail img {
padding: none !important;
border: none !important;
background: none !important;
-moz-box-shadow: 0px 0px 0px transparent !important;
-webkit-box-shadow: 0px 0px 0px transparent !important;
box-shadow: 0px 0px 0px transparent !important;
}

Si sólo quieres quitar las sombras elimina la línea


border: none !important;

del código anterior.

Pero si, ya de paso, por ejemplo quieres modificar el grosor de los bordes, en lugar de eliminarla reemplázala por la siguiente línea de código:

border: 3px !important;

Esto hará que los bordes de las imágenes se muestren con un grosor de 3 pixeles. Para poner otro grosor cambia el número 3 por el grosor que más te guste.
Nota: Este método es el más rápido pero no el más óptimo.
Desde:
http://www.techtrickhome.com/2013/01/remove-shadow-and-border-from-blogger.html#ixzz2YwwVNPOj

No hay comentarios:

Publicar un comentario

 

Los más leídos

Etiquetas

Basico (5) Blogger (9) Blogs (1) FAQ (9) General (1) Gmail (1) Google (2) HowToS (8) Intermedio (2) Opinion (3) TIP (7) Tutorial (5)