Existe una herramienta para editar nuestras etiquetas <div></div>

La herramienta se llama curvyCorners, es una utilidad programada en JavaScript para poder redondear nuestros objetos en una web, es una herramienta muy util y de simple manejo

Esto consiste en un simple script javscript que podemos anexar a nuestas webs de manera normal

<script type=”text/JavaScript” src=”rounded_corners.js”></script>

Como funciona?, curvyCorners toma el ID de nuestra etiqueta DIV y a esta le aplica su manejo de imagen redondeando las esquinas dependiendo del radio usado en nuestra configuracion

Tambien existe un plugin para nuestro Dreamweaver, haciendonos mucho mas sencilla nuestra tarea a la hora que utilizar esta herramienta

Ejemplo de uso de curvyCorners

Adjuntamos nuestro archivo JS:

<script type=”text/JavaScript” src=”rounded_corners.js”></script>

Creamos nuestro estilo, para darle apariencia:

<!–

–>

Creamos nuestra etiqueta DIV:

<div id=”cont” class=”cont”>Nuestro Contenido va aqui</div>

Luego agregamos la configuracion a gusto:

<script type=”text/JavaScript”>

window.onload = function()
{
settings = {
tl: { radius: 20 },
tr: { radius: 20 },
bl: { radius: 20 },
br: { radius: 20 },
antiAlias: true,
autoPad: false
}

var divObj = document.getElementById(“cont”);

var cornersObj = new curvyCorners(settings, divObj);
cornersObj.applyCornersToAll();
}

</script>

lo cual nos daria un resultado algo similar a esto

Web: www.curvycorners.net

Descargar archivo JavaScript

Descargar Plugin Dreamweaver