MundoBlogger: poner un borde a las imágenes de nuestros post o blogger.

Pages

poner un borde a las imágenes de nuestros post o blogger.

poner un borde a las imágenes de nuestros post o blogger. jueves, 30 de junio de 2011

Hola, hoy veremos cómo poner borde a las imágenes de nuestros posts en blogger, en algunas plantillas las imágenes ya vienen con borde por defecto.

hoy también veremos cómo poner y personalizar el borde por ejemplo: grosor, estilo, panding.

Si las imágenes de nuestra plantilla no tiene borde accedemos a Diseño > Edición del HTML > con la ayuda de (F3) busca .post img { si lo encuentras en tu plantilla remplaza el código desde .post img { hasta el cierre del corchete por el código de abajo:

Nota: en caso de que no tengas el código .post img { en tu plantilla, pega el código de abajo justo antes de la etiqueta ]]></b:skin>.

.post img {
border: 5px solid #ccc; /* Grosor de Borde, tipo de borde, color del vorde */
background:#eee; /* Color de fondo */
padding: 3px; /* Relleno del borde */
}

Personalización:

Les dejo una lista de diferentes tipos de bordes que encontré en cssblog.

none
dotted
dashed
solid
double
groove
ridge
inset
outset

Para cambia el tipo de borde cambia lo que está en color azul por cualquier tipo de borde que te guste en la lista. Lo demás lo he puesto al lado en color verde.