Programador

Bordes Redondeados en tu web
by Tux Merlin - Joomla-gnu.com www.joomla-gnu.com

Sin dudas que los párrafos, módulos, contenidos, etc. que son mostrados dentro de un cuadro con bordes redondeados,también llamados cajas, le dan un aspecto estéticamente más vistoso a nuestra web, pero claro, todo depende del diseño al que estemos apuntando. Estos bordes redondeados también vienen incluídos enJoomla! mediante el uso del módulo chrome con la etiqueta JDOC con style="rounded". El uso del módulo chrome lo explicó Tux en otro artículo. Las técnicas para lograr estos bordes son diversas y vandesde el uso de CSS, imágenes y hasta con Javascript, siendo la primera la más sencilla de todas. De cualquier forma, lo bueno del caso es que hay webs que lo hacen automáticamente, tanto la generacióndel código CSS como de las imágenes, y aquí les comparto dos de ellas. Para crear el CSS que dará bordes redondeados a nuestra web o partes de ella, está la web Spiffy Corners cuyo aspecto es elsiguiente:

En la parte lateral al cuadro de color completaremos los campos "class name" con el nombre de la clase de nuestro CSS, en "background color" (color de fondo) pondremos el color en hexadecimal(sin #) y lo mismo en "foreground color" (color interior). Si no nos acordamos del

página 1 / 4

Bordes Redondeados en tu web
by Tux Merlin - Joomla-gnu.com www.joomla-gnu.com

códigohexadecimal podemos pinchar en el icono lateral y en una ventana emergente nos aparecerá un cuadro para escoger el color automáticamente. Luego, finalmente escogeremos el ancho del borde, tras lo cual segenerará todo el código en un espacio, más abajo de la web. Sin dudas muy útil, rápido y eficiente.

Para crear los cuadros con bordes redondeados pero con imágenes existe la web Rounde Cornr. En estesitio no solo podemos crear los cuadros con imágenes simples sino que además posee una generación avanzada para que dichos cuadros sean creados con imágenes pero en gradiente (esfumados, o de un...