[Tutoriales] Personalizar el marco de las fotos

Holiii!!! Bueno, hoy les traigo un tutorial muuy fácil, que consiste en personalizar el marco de las imágenes de tu blog. Que se puede personalizar, solo en las imágenes de los post, o las imágenes de todo el blog.

[Actualización: Hace un tiempo (creo) dije que iba ha hacer un tuto de como crear tu propia plantilla, y, bueno, como hoy no subí nada de eso, me han preguntado. Y respondo: Ya está casi ^^ Hoy iba a subir el tutorial pero me faltan cosas]

Para hacerlo, lo primero es ir a Plantilla>Editar HTML y buscamos ]]></b:skin> Y justo antes, pegamos el siguiente código:

Para personalizar solo las imágenes de los post:

.post-body img {
border-right: 5px solid red; /*Tamaño, tipo y color del borde*/
border-left: 5px solid red; /*Tamaño, tipo y color del borde*/
border-top: 5px solid black; /*Tamaño, tipo y color del borde*/
border-bottom: 5px solid black; /*Tamaño, tipo y color del borde*/
box-shadow: 0px 0px 10px gray; /*Sombra de la imagen*/
}

Y para todo el blog:

img {
border-right: 5px solid red; /*Tamaño, tipo y color del borde*/
border-left: 5px solid red; /*Tamaño, tipo y color del borde*/
border-top: 5px solid black; /*Tamaño, tipo y color del borde*/
border-bottom: 5px solid black; /*Tamaño, tipo y color del borde*/
box-shadow: 0px 0px 10px gray; /*Sombra de la imagen*/
}

Y lo único que tienes que editar, es lo que está en rojo. Para los colores, yo directamente he puesto los colores en inglés, y ya me salen, pero eso no pasa con todos los colores, así que en donde está eso, podéis buscar los códigos HTML de los colores que quieran en esta página > HTML Color Codes. Y para el tipo de borde (en donde pone solid) lo podéis cambiar por muchos bordes diferentes que podéis encontrar aquí > Editar los títulos de los gadget

Y por último, para personalizar la sombra de las imágenes, solo tenéis que cambiar el color, y los números. El primer número sirve para cuanto a la izquierda o derecha está la sombra, cuanto más aumenta el número, más a la derecha estará. El segundo número te dice cuanto arriba o abajo estará la sombra, cuanto más aumenta, más abajo estará, y por último, el tercer número, te dice cuanto de difuminado estará la sombra. Con el código que di arriba, las imágenes quedarían así:

Beshus y hasta mañana!!