Resultados 1 al 9 de 9

Tema: Como redondear etiquetas en una web

  1. #1 Como redondear etiquetas en una web 
    HH Administrator Avatar de LUK
    Fecha de ingreso
    Oct 2001
    Ubicación
    SpaÑa
    Mensajes
    5.010
    Descargas
    179
    Uploads
    246
    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
    [][][] LUK [][][]
    hackhispano.com
    Citar  
     

  2. #2  
    Moderador HH
    Fecha de ingreso
    Mar 2003
    Ubicación
    Galiza
    Mensajes
    3.919
    Descargas
    8
    Uploads
    1
    interesante, muy interesante, hasta ahora cuando necesitaba esto me complicaba la vida con CSS... muchas gracias LUK
    He conocido muchos dioses. Quien niegue su existencia está tan ciego como el que confía en ellos con una fe desmesurada. Robert E. Howard
    La suerte ayuda a la mente preparada.
    Citar  
     

  3. #3  
    Moderador HH
    Fecha de ingreso
    Dec 2001
    Ubicación
    España
    Mensajes
    834
    Descargas
    2
    Uploads
    0
    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!
    Normas Del Foro | En la comunidad ayudamos a resolver problemas, solo pedimos paciencia y cabeza.
    Más información sobre mi: Raúl Jiménez
    Citar  
     

  4. #4  
    Moderador HH
    Fecha de ingreso
    Mar 2003
    Ubicación
    Galiza
    Mensajes
    3.919
    Descargas
    8
    Uploads
    1
    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
    He conocido muchos dioses. Quien niegue su existencia está tan ciego como el que confía en ellos con una fe desmesurada. Robert E. Howard
    La suerte ayuda a la mente preparada.
    Citar  
     

  5. #5  
    Moderador HH
    Fecha de ingreso
    Dec 2001
    Ubicación
    España
    Mensajes
    834
    Descargas
    2
    Uploads
    0
    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 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.

    Bueno a ver por cual de los proyectos que tengo en mente me decido por empezar.
    Un abrazo!!
    Última edición por KaoS; 30-04-2008 a las 04:23 Razón: Para añ
    Normas Del Foro | En la comunidad ayudamos a resolver problemas, solo pedimos paciencia y cabeza.
    Más información sobre mi: Raúl Jiménez
    Citar  
     

  6. #6  
    Moderador HH
    Fecha de ingreso
    Mar 2003
    Ubicación
    Galiza
    Mensajes
    3.919
    Descargas
    8
    Uploads
    1
    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
    He conocido muchos dioses. Quien niegue su existencia está tan ciego como el que confía en ellos con una fe desmesurada. Robert E. Howard
    La suerte ayuda a la mente preparada.
    Citar  
     

  7. #7  
    Moderador HH
    Fecha de ingreso
    Dec 2001
    Ubicación
    España
    Mensajes
    834
    Descargas
    2
    Uploads
    0
    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!
    Normas Del Foro | En la comunidad ayudamos a resolver problemas, solo pedimos paciencia y cabeza.
    Más información sobre mi: Raúl Jiménez
    Citar  
     

  8. #8  
    Moderador HH
    Fecha de ingreso
    Mar 2003
    Ubicación
    Galiza
    Mensajes
    3.919
    Descargas
    8
    Uploads
    1
    Ya me empeze a mirar algo pyton.. a ver que tal

    Te echaremos de menos
    Un Saludo
    He conocido muchos dioses. Quien niegue su existencia está tan ciego como el que confía en ellos con una fe desmesurada. Robert E. Howard
    La suerte ayuda a la mente preparada.
    Citar  
     

  9. #9  
    Iniciado
    Fecha de ingreso
    Nov 2012
    Mensajes
    5
    Descargas
    0
    Uploads
    0
    Muy buena la informacion con esto podre mejorar un poco la apariencia de mi pagina web.
    Citar  
     

Temas similares

  1. Creacion de etiquetas
    Por luis9rs en el foro PROGRAMACION WEB
    Respuestas: 3
    Último mensaje: 07-01-2011, 12:48
  2. Respuestas: 5
    Último mensaje: 07-10-2009, 22:57
  3. consejo software etiquetas
    Por ANTA en el foro APLICACIONES
    Respuestas: 2
    Último mensaje: 22-10-2006, 19:20
  4. Etiquetas html
    Por 4-all en el foro PROGRAMACION WEB
    Respuestas: 11
    Último mensaje: 04-04-2005, 16:58
  5. como usar una cuenta host de arnet adsl como proxy
    Por darthMenem en el foro INGENIERIA INVERSA
    Respuestas: 1
    Último mensaje: 14-06-2002, 04:30

Marcadores

Marcadores

Permisos de publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •