jueves, 14 de enero de 2010

Imágenes sin borde en los posts de Blogger

 Algunas plantillas de Blogger están diseñadas para añadir de manera predeterminada un borde a las imágenes que se añaden en los posts. El código de las Hojas de Estilo (CSS) que rige este comportamiento suele ser el siguiente:
.post img {
  padding: 4px;
  border: 1px solid $bordercolor;
}
 Para conseguir que todas las imágenes aparezcan sin borde lo único que hay que hacer es sustituir el valor anterior de border por 0:
.post img {
  padding: 4px;
  border: 0;
}
 Pero si lo que queremos es eliminar el borde de una imagen determinada, tendremos que añadir algo al código de la imagen en cuestión:
<img alt="Útiles de pintar" src="http://img696.imageshack.us/img696/462/tilesdepintura00.jpg" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: block; margin: auto; text-align: center;" title="Útiles de pintura al óleo" />
Útiles de pintar


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

2 comentarios:

Syl dijo...

Gracias, me ha sido de gran ayuda para quitarles los bordes a mis iconos de redes sociales en el pie de entradas.

Raquel C dijo...

Hola! no logro poder quitar el borde de las imagenes laterales de mi blog, es decir de los gadgets! no se si me podrias ayudar?
gracias!