roundcurves con perl GD y CSS

Foros de discusión -> Proyectos

Mar Dic 04, 2007 5:01 pm

AkonD
Perlero Nuevo

Registrado: 06 Oct 2005
Mensajes: 50
Ubicación: España

roundcurves con perl GD y CSS

Holas. Ahora esta muy de moda poner curvas en los diseños web y se me ha ocurrido hacer un modulo para facilitar el tema de curvar los esquinas de los diseños desde Perl (he buscado y no hay ningún módulo que lo haga). Con los módulos CGI y GD y con un poquito de idea de CSS creo que está fácil. Hay tres formas de curvar los elementos HTML (con CSS solo, con CSS e imágenes y con CSS y JavaScript). Nos centraremos en CSS con imágenes ya que es la más compatible con otras técnicas CSS, por ejemplo con CSS solo no se puede añadir bordes a las curvas ni poner las esquinas transparentes (lo que implica no poder poner fondos difuminados en la web), con CSS y JavaScript tampoco se puede poner esquinas transparentes. Por tanto ya que tenemos el módulo GD lo mejor es hacerlo con CSS e imágenes generadas por GD. Se tendría que poder curvar de forma simple, con bordes, difuminados, con transparencias. Argumentos que debe coger la función: requeridos: elemento_html, radio_corner, color_fondo (¿no sería mejor siempre transparente?), color_interno. especiales para borde: ancho_borde, color_borde, margin(para que el contenido no quede encima del borde) especiales para difuminar: color_interior_arriba, color_interior_abajo, alto_difuminado, angulo_difuminacion El tema es que no sé cómo hacer un módulo para CPAN, se hacer módulos para mi uso propio pero nunca he hecho uno serio. Tampoco domino mucho de GD pero hay tutoriales por aquí creo ¡Espero que alguien se anime! Saludos.

Mar Dic 04, 2007 7:30 pm

explorer
Moderador

Registrado: 24 Jul 2005
Mensajes: 4130
Ubicación: Valladolid, España



* Esquinas redondeadas sin emplear imágenes: sólo CSS y JavaScript. Incluyendo transparencia. * Todas las técnicas conocidas para redondear esquinas (con imágenes o sin ellas) (en inglés). * Transparent custom corners and borders, version 2 (en inglés) Preciosos. Con imágenes. * Técnicas para redondear esquinas Varias técnicas. Recuerda que con el CSS actual deberíamos ver ya las esquinas redondeadas. ... (y esto solo viendo la primera página de resultados de Google )

Mie Dic 05, 2007 3:57 am

AkonD
Perlero Nuevo

Registrado: 06 Oct 2005
Mensajes: 50
Ubicación: España



El primer link es la técnica de nifty(versión 2) no puedes incluir bordes ni usar float en los elementos que redondeas y para extra esta segunda versión no es compatible con IE 5. Además usa JavaScript. Ya se que hay muchas técnicas de hacer bordes redondos pero la más compatible con otras técnicas CSS y navegadores es usando CSS con imágenes.

	Foros de discusión -> Proyectos	Todas las horas son GMT - 6 Horas
Página 1 de 1