Redondear etiquetas en webs

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

Bordes redondeados con javascript

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

Bordes redondeados con javascript

Web: www.curvycorners.net

Descargar archivo JavaScript

Descargar Plugin Dreamweaver

fuente: foroz.org

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

w

Conectando a %s

A %d blogueros les gusta esto: