Tutorial: Ponerle un borde a tus imágenes

¡Hola! ¿Cómo les va? ^u^ En esta ocasión les traigo un tutorial muy lindo y que podes usar para darle un toque cute a tus imágenes n.n

Ejemplo:

Empecemos:

Nos vamos a:

Plantilla | Editar HTML | CTRL + F y buscas:

]]></b:skin>

Arriba de ]]></b:skin> colocas:

.post img { margin: 5px;padding: 20px;background:url(URL FONDO)repeat;-moz-border-radius: 3em 1em;}

Algo así les tendría que quedar:

Rojo: Y pues url del fondo xD
Verde: El tipo de borde
Azul: El tamaño del fondito con respecto a la imagen

Tipos de bordes:

Para usar alguno solo reemplaza lo que está en verde por el código del borde que queres ñ-ñ

-moz-border-radius-bottomright: 50px;

border-bottom-right-radius: 50px;

-moz-border-radius-bottomright: 50px 25px;

border-bottom-right-radius: 50px 25px;

-moz-border-radius: 25px 10px / 10px 25px;

border-radius: 25px 10px / 10px 25px;

-moz-border-radius: 1em 4em 1em 4em;

border-radius: 1em 4em 1em 4em;

-moz-border-radius: 35px;

border-radius: 35px;

Algunos fonditos:

 |  |  |  | 

  

Créditos a Annyz Blog por el tutorial

Los quiero mucho