BORDE DE LA IMAGEN DEL POST

12.12.2007

Podemos personalizar el borde que rodea las imagenes de nuestros post. O podemos eliminarlo si no la deseamos.

Para ello trabajaremos con esta imagen:



Eliminar el borde:

Buscaremos esta parte del código:

.post img {
padding:4px;
border:1px solid $bordercolor;
}

Donde dice "border:1px" borramos el valor 1 y en su lugar escribimos 0:

.post img {
padding:4px;
border:0px solid $bordercolor;
}

Y el resultado es este:



Ahora juguemos con las otras etiquetas y sus atributos:

En padding ponemos 0 (cero) y le damos al borde un valor de 8. Borramos "bordercolor" y le damos un color verde con ayuda de colorcop.

.post img {
padding:0px;
border:8px solid #77AA77;
}

Resultado:


Ahora, en lugar del atributo "solid" le damos "dotted" para generar líneas punteadas. Además cambiamos de color a la línea.

.post img {
padding:0px;
border:8px dotted #E0DCC5;
}

Resultado:



Espero que les sirva.

1 comentarios:

Shopaholic dijo...

Acabo de descubrir tu blog, y solo puedo decirte ole, ole y ole.
En serio, me acabo de leer TODOS tus post, y no sabes como me has ayudado en un monton de cosas.

Muchas gracias, y sigue asi.