Para lograr esquinas redondeadas, un efecto que puede quedar muy bien para resaltar determinados elementos de la página, la mejor solución es usar propiedades puras de CSS que ya lo incluyen, como son las específicas existentes para navegadores Mozilla o WebKit. Pero se nos plantea un problema: ¿Y para el resto de navegadores, concretamente Windows Internet Explorer?

Descartando la posibilidad de hacer cuatro imágenes y colocarlas como fondo en cada una de las esquinas (CSS Liquid Round Corners) no nos queda otra solución que recurrir a javascript, consiguiendo el mismo efecto que con el uso de la propiedad CSS pero con el inconveniente de que es mucho más complicado. He tenido que usar para antiguos proyectos esta última técnica y los mejores son:

CurvyCorners – Sin duda uno de los más sencillos y que mejor resultado dan (Demo y Descarga)

NiftyCorners – Aunque su web deja algo que desear, el resultado es muy parecido a CurvyCorners, y además su instalación es también muy parecida. (Descarga)

4 Comentarios

Deja tu comentario
  1. D45 - 22/12/2009

    Hola.

    Venía a saludarte y a felicitarte por tu página web.

    Saludos.

    • serm - 22/12/2009

      Gracias Dani!

      Estaré por aquí, por lo menos para ir “guardando” todo lo que hago.

      Ya veo que te has mudado a WordPress y a HO. Seguro que notas el cambio un montón ;)

      Saludos!

  2. D45 - 22/12/2009

    Desde luego, que se nota el cambio. La única pega es que al menos con este diseño no admite Javascript y por lo tanto no valen algunos gadgets del otro.

    Lo mejor, es que tengo bastante más control sobre los comentarios que con Blogger que ofrece opciones más generales mientras que WordPress permite tratar individualmente a cada comentarista, moderándole o no los comentarios.

    Saludos.

  3. Hurssel - 22/12/2009

    Increíble el diseño de tu página. La anoto en habituales, porque promete, y mucho ;-P

Deja tu comentario