PDA

Ver la versión completa : Como redondear etiquetas en una web



LUK
15-02-2008, 11: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)

gondar_f
18-02-2008, 15:11
interesante, muy interesante, hasta ahora cuando necesitaba esto me complicaba la vida con CSS... muchas gracias LUK

KaoS
21-02-2008, 20:21
:) sí, está chulo :)

La verdad es que aparecen cada día más y más librerías que nos permiten cosas muy curiosas, si queréis ver algunas de las que he encontrado tan sólo tenéis que echarle un vistazo a mi cuenta de del.icio.us:
http://del.icio.us/hhkaos/javascript

Un saludo!

gondar_f
23-02-2008, 13:01
gracias KaoS... por cierto hace unos días en un post, aunque ahora no lo encuentro, acabe en un proyecto tuyo hospedado en google... tengo que decir que decir que me parecio guapo guapo... es una pena que estea desarrollado en pyton, nunca me puse a mirar ese lenguaje, porque si no le haría algunos extra... por decir uno, ponerle una calculadora y un block de notas, que fue lo que eche de menos (hay una especie de wordpad ya)... se podría acabar combiertiendo en otro tipo eyeOS, la mayoría de ellos son muy espectaculares, pero al estar basado en flash no son realmente ampliables y utilizables para otro tipo de aplicaciones... y el tuyo al estar basado en framework si lo es...

Un Saludo

KaoS
23-02-2008, 18:06
Gracias gondar, la verdad es que a mi me pareció super interesante aunque la verdad creo que para cualquier software web que se desarrolle de forma colaborativa es indispensable una buena documentación para que la gente pueda participar y de momento este proyecto también carecía de esto.

Ahora mismo el proyecto no puede visualizarse porque me he trasladado a Holanda y el servidor donde lo tenía corriendo está en Granada (y ahora está apagado).

A ver si contrato el servidor nuevo (que tiene soporte para Pyhton y Django) y lo dejo corriendo allí de nuevo.
Python es casi un juego de niño de veras, yo no tarde más de 5horas en aprender lo necesario para programar esa web. Luego quizás el problema pueda ser Django, pero que en realidad tampoco es muy complejo, en la presentación (http://docs.google.com/Presentation?id=dfn99qkm_226fp8rkfc9) que está colgada en la misma web de Google Code (http://code.google.com/p/pdoweb) (del seminario que dimos unos compañeros y yo en clase) intentamos explicar el funcionamiento lo más entendible posible.

Bueno a ver por cual de los proyectos que tengo en mente me decido por empezar.
Un abrazo!!

gondar_f
24-02-2008, 00:00
Ahora mismo el proyecto no puede visualizarse porque me he trasladado a Holanda y el servidor donde lo tenía corriendo está en Granada (y ahora está apagado).
Espero que tengas una estancia agradable en Holanda...


Gracias gondar, la verdad es que a mi me pareció super interesante aunque la verdad creo que para cualquier software web que se desarrolle de forma colaborativa es indispensable una buena documentación para que la gente pueda participar y de momento este proyecto también carecía de esto.
La documentación es una parte importante, pero no es menos cierto que primero se implementa y después se documenta, escepto los comentarios del código que se deben hacer durante el proceso de implementación... Los grandes proyectos en donde primero se hicieron grandes cantidades de documentación y después se intento llevar esto a la práctica acabaron siendo mostruos hiperdocumentados que no servian para nada... El metodo de desarrollo más adecuado para aplicaciones novedosas es basarse en prototipos... en donde en originen solo hace falta una especificación del problema a solucionar y poco más...y a veces ni eso, solo una idea que se quiere alcanzar y si es posible algo de info de como se pretende alcanzar... aunque en los libros de ingenieria del software se diga lo contrario...


Python es casi un juego de niño de veras, yo no tarde más de 5horas en aprender lo necesario para programar esa web. Luego quizás el problema pueda ser Django, pero que en realidad tampoco es muy complejo, en la presentación que está colgada en la misma web de Google Code (del seminario que dimos unos compañeros y yo en clase) intentamos explicar el funcionamiento lo más entendible posible.
Creo que me lo has puesto demasiado bonito, pero me has animado a echarle unas horas al lenguaje... por casualidad no sabrás de algún links de un buen manual en castellano para empezar? que todo lo que me encontre de ese lenguaje siempre fue en inglés y yo y el inglés tenemos problemas de entendimiento...

Un Saludo

PD: cuiadado con las holandesas, que se rumorea que unas fieras ;) ... incluso no hace mucho lei en una web de coña que una de las formas de conseguir que tu hijo se independice es enviandolo de erasmo a Holanda, ningúno vuelve :D

KaoS
24-02-2008, 19:03
Jejeje, gracias, la verdad es que esta ciudad está de miedo.

En cuanto a lo de Python, échale un vistazo al Blog de Mundo Geek: http://mundogeek.net/etiqueta/python/

Que han estado escribiendo pequeños artículos sobre como programar en Python. Ya verás que sencillito.

Sobre lo de la documentación, en parte estoy de acuerdo contigo. Yo creo que antes de hacer nada hay que plantearse muy bien los objetivos que se pretenden cumplir y para poder tomar las decisiones adecuadas, tanto en cuanto a herramientas se refiere como a la forma de implementar. Sino luego puede ser inmanejable cambiar alguna filosofía.

Yo creo que la documentación nunca está de más, siempre y cuando esté bien organizada. No creo que sea necesario leerse toda la documentación de un software para participan en él (si es grande sería una locura) pero sin embargo cuando quieres meterle mano a algo de software libre, si tienes documentación se te pueden abrir las puertas del cielo, sino tienes que entrar en la mente de los programadores para saber xq se hizo tal o cual.

Bueno un abrazo a todos.
Tapronto!

gondar_f
26-02-2008, 21:43
Ya me empeze a mirar algo pyton.. a ver que tal

Te echaremos de menos
Un Saludo

sinkolas
14-11-2012, 13:18
Muy buena la informacion con esto podre mejorar un poco la apariencia de mi pagina web.