Como redondear etiquetas en una web
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:
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
