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:

  1. Hola!!

    ooohh que genial! gracias :D

    ResponderEliminar
  2. Awww esta precioso este tutorial.
    Tal vez más adelante lo implemente en mi blog.
    Gracias por compartirlo.
    Besos

    ResponderEliminar
  3. Genial tutorial!da un efecto muy cute!

    ResponderEliminar
  4. ¡Me encanta!
    Gracias por el tutorial, me sirvió bastante >w< ♥

    ResponderEliminar
  5. Muy admirable tu blog :3 y gracias por el tutorial muy bueno :3

    ResponderEliminar
  6. muy buen tutorial , gracias por compartirlo

    ResponderEliminar

Comenta con respeto ^-^

¡Gracias por tu comentario!

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

Simbolos:
☺♥♫△☆ღ