18 enero 2012

Borde radius en tus imagenes

Cabe destacar que el peluche es una monada y yo lo quiero =^.^= 

Mis linduras hoy les traigo un tutorial super sencillo y rápido :) no tendrán que 
borrar nada y si ya no lo desean solo quitaran el código.. hoy hago tributo a 
las imágenes del blog pues son las primeras en llamar la atención al ingresar a un sitio.. 
click en lee mas y te lo muestro.. 


Si ya te haz cansado de las imágenes sencillas y cuadradas del blog
solo dale un toque a los bordes :) para ello les facilito un estilo
super elegante y atractivo; yo no lo tengo el CT (cocoteen) 
pues coloco gifs y quedan de la misma forma.

Si colocas el código los bordes te quedarían como en esta imagen:

"Claro sin el borde negro, la flecha, y los créditos =P"

 Para colocarlo a tu blog ve a: Diseño> Edición de HTML> Presiona f3 y busca: 
 ]]></b:skin>

Luego de que lo hayas encontrado encima coloca este código:


.main img {-moz-border-radius: 03px;-webkit-border-radius: 0px 30px 0px 30px; */ Bordes arredondados */-webkit-transition-duration: .70s; */ Efecto fade */}
.main img:hover {-moz-border-radius: 03px;-webkit-border-radius: 30px 0px 30px 0px; */ Bordes arredondados hover */-webkit-transition-duration: .70s; */ Efecto fade */

Visualiza y si te gusta quedatelo ;) 

18 comentarios:

  1. Gracias Suh, me fue de una gran ayuda, enserio :) Me encanta visitar tu blog!

    ResponderEliminar
  2. Gracias por pasar y dar tu opinión, me ha gustando mucho lo de: todo lo que te hace a ti lo aprendió conmigo. :D Esa frase me la guardaré por si me llega ha hacer falta jajaja
    Yo tambien te sigo, tienes un blog muy BONITO! ^^
    http://pdepaty.blogspot.com/

    ResponderEliminar
  3. Hola, que bueno que siempre nos ayudas!
    Muy lindo, como siempre!

    ResponderEliminar
  4. Muy interesante, siempre me he preguntado cómo podría retocar la forma de las fotos, así que este truco me viene estupendo ;D

    Besos y muchas gracias por compartir!!

    ResponderEliminar
  5. -Me ha encantado tu blog, gran diseño y a pesar de tener pocas entradas todas son grandiosas :D Te sigo! :)

    pd: Gracias por tu coment en mi blog :D

    ResponderEliminar
  6. Muchas gracias n.n, me ayudastes mucho, siempre me pregunté como se podia poner XD, la proxima vez que ponga una imagen lo usaré n.n

    Gracias por pasarte por mi blog, y perdon por el retraso ^^

    Un beso!

    ResponderEliminar
  7. Gracias por este dato.
    Pero quisiera aprender a poner una plantilla en mi blog, de esas que estan en paginas como cherrybam que son tan lindos, pero que dicen que son solo para tumblr, yo veo que muchas lo tienen en su blog, pero intento e intento y no me queda jamás, así que para la próxima espero que puedas poner COMO HACERLO! jaja saludos!

    ResponderEliminar
  8. estoy enamoraaaaaaaada de tu blog, enserio. Eres fantástica. Me gusta muchooo las ideas que pones, sigue a si que me sirves de mucho guapa :)

    ResponderEliminar
  9. Sí, un precioso toque a las imágenes, solo que desgraciadamente, ya no pongo tantas imágenes en mi blog, y tengo unas que son automáticas.. Como habrás podido ver en mi blog, es un retoque que me costó mucho de perfeccionar y bueno, un día si quieres te lo digo para que lo postees aqui :) Pero oye, si quieres, solo :)

    Mil besitos preciosa <3

    ResponderEliminar
  10. Hola !
    Resulta que estoy en mi laptop y al apretar f3 me aparece el efecto de la luz, alguna otra tecla que tenga que apretar en vez de f3?

    ResponderEliminar
  11. No me funciona :c no entiendo por qué

    ResponderEliminar
  12. Hola linda mi problema esque no me encuentra esto: ]]>

    No se por que, algun consejo?¿

    ResponderEliminar
  13. holaaaaa! gracias por poner lo que te pedi weheei. Yo no encuentro como hacerlo:( sigo tus pasos pero luego me dice que no se encuentra lo de ]]> ;(;(;(;(;( ayuudaa plsss. me encanta el bloog besoss.

    ResponderEliminar
  14. Hola tengo un problema NO ENCUENTRO EL CODIGO!! ALGUIEN ME AYUDA GRACIAS

    ResponderEliminar

========================S2============================
Solo habla si te interesa! y se cordial. Si no te gusta no me lo hagas
saber pues hieres mis sentimientos y yo publico para ti y para los demás
lectores así que no seas mala leche.
========================S2============================