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

Código:
<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:

Código:
<script type=”text/JavaScript” src=”rounded_corners.js”></script>
Creamos nuestro estilo, para darle apariencia:

Código:
<!–

–>
Creamos nuestra etiqueta DIV:

Código:
<div id=”cont” class=”cont”>Nuestro Contenido va aqui</div>
Luego agregamos la configuracion a gusto:

Código:
<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