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 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!