Domingos de Trucos

Ola!! Hoy estreno una sección muy util para todos aquellos que tengan un blog. Muchas de las Veces no nos gustan las plantillas que hay en internet, y las que nos gustan debemos pagarlas, asi que en esta seccion encontraran uno que otro truquito para personalizar este mismo..

El Truco de esta semana: Personalizar el Borde en las Imágines

Nota Nerd Herd: Cabe Mencionar que para encontrar algunos codigo es mas
facil si presionamos Ctrl + f

En nuestra plantilla Edición de HTML podemos encontrar las siguientes líneas de código:

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

Es el lugar donde nos indica las propiedades de las imágenes añadidas en las entradas.
Desde Fuentes y colores podemos cambiar el color del borde, pero eso hace cambiar no sólo el color de en marco de las imágenes sino de todo el blog.
Para modificar el aspecto del borde que rodea nuestras imágenes sustituimos $bordercolor por el color escogido, por ejemplo #940f04 también vamos a darle un toque diferente sustituyendo solid por outset y aumentando el valor 1 a 4.

.post img {
padding:4px;
border:4px outset #940f04 ;
}

De esta forma cambiamos el borde únicamente de las imágenes añadidas en las entradas. El espacio de separación entre borde e imagen los disminuimos o aumentamos en padding.

Fuente: Gem@ Blog

Tipos de Bordes: