LUK
15-02-2008, 10:28
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
http://img84.imageshack.us/img84/8358/transparencia11oq4.png
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
http://img84.imageshack.us/img84/8358/transparencia11oq4.png
Web: www.curvycorners.net
Descargar archivo JavaScript (http://www.curvycorners.net/download.php?file=curvyCorners-v1-2-9.zip)
Descargar Plugin Dreamweaver (http://www.curvycorners.net/download.php?file=curvycorners_008.zip)
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
http://img84.imageshack.us/img84/8358/transparencia11oq4.png
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
http://img84.imageshack.us/img84/8358/transparencia11oq4.png
Web: www.curvycorners.net
Descargar archivo JavaScript (http://www.curvycorners.net/download.php?file=curvyCorners-v1-2-9.zip)
Descargar Plugin Dreamweaver (http://www.curvycorners.net/download.php?file=curvycorners_008.zip)