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 ñuñ

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
-Amary-

9 comentarios:

Comenta con respeto ^-^

¡Gracias por tu comentario!

Emojis:
(∩ω∩) | (>△<) | (>▽<) | (⊙▽⊙) | (╯ω╰) | (☆▽☆) | (≧ω≦) | ≡(▔﹏▔)≡ | ( ̄(エ) ̄) | (・∀・ ) | (ノ◕ヮ◕)ノ*:・゚✧ | (^▽^) | (¬_¬) | ✖‿✖ | (¬‿¬) | (─‿‿─) | (~ ̄▽ ̄)~ | (︶ω︶) | (+_+) | (。♥‿♥。) | (✿ ♥‿♥) | ●ᴥ●

Simbolos:
☺♥♫△☆ღ