Re: [Ovillo] Divs con esquinas redondeadas y sombras degradadas
Almirante von Web/. escribió: ¿PNG más liviano que GIF de paleta indexada? ¿Así de firme? ¡Ojo, sólo en algunos casos! Tengo el Photoshop delante de mis ojos y veo que me muestra variadito... PNG de 8 bits Vs. GIF de 8 bits... en unos casos pesa más el gif y en otros el png. Almirante von Web/. -- Educando al asno, por no apalearlo. ©2007 ;-). - Original Message - From: Francisco Adolfo Álvarez Alonso [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Thursday, April 19, 2007 11:51 AM Subject: Re: [Ovillo] Divs con esquinas redondeadas y sombras degradadas Saludos! NetVicious escribió: Hola Francisco, El jueves, 12 abr 2007 a las 09:35, escribiste: Tu argumentación no me convence ¿cual es la tontería exactamente? hablo de guardar un png con color indexado y transparencia binaria (como un gif) ocupando menos y haciendo uso de un formato de imagen que es recomendación de la w3c desde 1996. A ver si quieres usar un PNG trasparencia binaria con el IE6 te da igual que sea GIF que PNG. Si usas una paleta indexada para el PNG ocupa menos que GIF, así que ya no es igual.Además PNG es estandar y recomendación. PNG ocupa más que GIF normalmente por la compresión que emplea. PNG tiene más paleta no lo niego. GIF está más estandarizado. Si intentans comparar un PNG de color real con un GIF de 256 colores por supuesto. Pero repito, si usas una paleta indexada para el PNG ocupa menos que GIF. Personalmente para web uso generalmente GIFs y PNGs cuando la imagen en cuestión necesita transparencia con canal alpha fijando el fondo del PNG al color de fondo de la web. Si el fondo de la web no es mono color hay que tirar de behavios o de otros fix para los IE6 o inferiores. Perfecto, es una elección como otra cualquiera, yo solo doy una alternativa a gif. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo Comprueba que versión de photoshop tienes, en las nuevas no se que tal andará, pero hasta hace poco photoshop hacia una mala implementación de la librería de compresión de PNG, metiendo además metadatos innecesarios que hacen el fichero final más grande. Saludos. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Divs con esquinas redondeadas y sombras degradadas
La última... CS2. De todos modos PNG sigue siendo un problema para algunos navegadores. Creo que Explorer 7 incorporó las librerías necesarias para un correcto proceder. Firefox y Opera lo resuelven bien de antaño. Explorer 6, como ya sabemos, no. ¿Y Konqueror? ¿Y Safari? ¿Qué cuentan los amigos que usan otros navegadores, sobre otras plataformas? Otro caso, del que JAMAS sentí hablar en esta u otra lista es el uso de SVG. Un estándar que el W3C apoya incondicionalmente. Pues bién, Illustrator fue uno de los primeros programas que exportaban para ese formato. ¿Y...? Pues que al tratar de visualizarlo con nuestros navegadores tira error de string. ¡Mierda! Es como haber construido el edificio más grande del mundo y haberse olvidado de instalar un ascensor... :) He creado SVG con programas de código libre (open source) y quedé maravillado: todo funcionaba como era de esperar. En fin, en esto del diseño todavía hay mucha tela para cortar. Almirante von Web/. -- Educando al asno, por no apalearlo. ©2007 ;-) -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Francisco Adolfo Álvarez Alonso Enviado el: Martes, 24 de Abril de 2007 04:12 a.m. Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Divs con esquinas redondeadas y sombras degradadas Comprueba que versión de photoshop tienes, en las nuevas no se que tal andará, pero hasta hace poco photoshop hacia una mala implementación de la librería de compresión de PNG, metiendo además metadatos innecesarios que hacen el fichero final más grande. Saludos. Almirante von Web/. escribió: ¿PNG más liviano que GIF de paleta indexada? ¿Así de firme? ¡Ojo, sólo en algunos casos! Tengo el Photoshop delante de mis ojos y veo que me muestra variadito... PNG de 8 bits Vs. GIF de 8 bits... en unos casos pesa más el gif y en otros el png. Almirante von Web/. -- Educando al asno, por no apalearlo. ©2007 ;-). - Original Message - From: Francisco Adolfo Álvarez Alonso [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Thursday, April 19, 2007 11:51 AM Subject: Re: [Ovillo] Divs con esquinas redondeadas y sombras degradadas Saludos! NetVicious escribió: Hola Francisco, El jueves, 12 abr 2007 a las 09:35, escribiste: Tu argumentación no me convence ¿cual es la tontería exactamente? hablo de guardar un png con color indexado y transparencia binaria (como un gif) ocupando menos y haciendo uso de un formato de imagen que es recomendación de la w3c desde 1996. A ver si quieres usar un PNG trasparencia binaria con el IE6 te da igual que sea GIF que PNG. Si usas una paleta indexada para el PNG ocupa menos que GIF, así que ya no es igual.Además PNG es estandar y recomendación. PNG ocupa más que GIF normalmente por la compresión que emplea. PNG tiene más paleta no lo niego. GIF está más estandarizado. Si intentans comparar un PNG de color real con un GIF de 256 colores por supuesto. Pero repito, si usas una paleta indexada para el PNG ocupa menos que GIF. Personalmente para web uso generalmente GIFs y PNGs cuando la imagen en cuestión necesita transparencia con canal alpha fijando el fondo del PNG al color de fondo de la web. Si el fondo de la web no es mono color hay que tirar de behavios o de otros fix para los IE6 o inferiores. Perfecto, es una elección como otra cualquiera, yo solo doy una alternativa a gif. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Divs con esquinas redondeadas y sombras degradadas
¿PNG más liviano que GIF de paleta indexada? ¿Así de firme? ¡Ojo, sólo en algunos casos! Tengo el Photoshop delante de mis ojos y veo que me muestra variadito... PNG de 8 bits Vs. GIF de 8 bits... en unos casos pesa más el gif y en otros el png. Almirante von Web/. -- Educando al asno, por no apalearlo. ©2007 ;-). - Original Message - From: Francisco Adolfo Álvarez Alonso [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Thursday, April 19, 2007 11:51 AM Subject: Re: [Ovillo] Divs con esquinas redondeadas y sombras degradadas Saludos! NetVicious escribió: Hola Francisco, El jueves, 12 abr 2007 a las 09:35, escribiste: Tu argumentación no me convence ¿cual es la tontería exactamente? hablo de guardar un png con color indexado y transparencia binaria (como un gif) ocupando menos y haciendo uso de un formato de imagen que es recomendación de la w3c desde 1996. A ver si quieres usar un PNG trasparencia binaria con el IE6 te da igual que sea GIF que PNG. Si usas una paleta indexada para el PNG ocupa menos que GIF, así que ya no es igual.Además PNG es estandar y recomendación. PNG ocupa más que GIF normalmente por la compresión que emplea. PNG tiene más paleta no lo niego. GIF está más estandarizado. Si intentans comparar un PNG de color real con un GIF de 256 colores por supuesto. Pero repito, si usas una paleta indexada para el PNG ocupa menos que GIF. Personalmente para web uso generalmente GIFs y PNGs cuando la imagen en cuestión necesita transparencia con canal alpha fijando el fondo del PNG al color de fondo de la web. Si el fondo de la web no es mono color hay que tirar de behavios o de otros fix para los IE6 o inferiores. Perfecto, es una elección como otra cualquiera, yo solo doy una alternativa a gif. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Divs con esquinas redondeadas y sombras degradadas
Saludos! NetVicious escribió: Hola Francisco, El jueves, 12 abr 2007 a las 09:35, escribiste: Tu argumentación no me convence ¿cual es la tontería exactamente? hablo de guardar un png con color indexado y transparencia binaria (como un gif) ocupando menos y haciendo uso de un formato de imagen que es recomendación de la w3c desde 1996. A ver si quieres usar un PNG trasparencia binaria con el IE6 te da igual que sea GIF que PNG. Si usas una paleta indexada para el PNG ocupa menos que GIF, así que ya no es igual.Además PNG es estandar y recomendación. PNG ocupa más que GIF normalmente por la compresión que emplea. PNG tiene más paleta no lo niego. GIF está más estandarizado. Si intentans comparar un PNG de color real con un GIF de 256 colores por supuesto. Pero repito, si usas una paleta indexada para el PNG ocupa menos que GIF. Personalmente para web uso generalmente GIFs y PNGs cuando la imagen en cuestión necesita transparencia con canal alpha fijando el fondo del PNG al color de fondo de la web. Si el fondo de la web no es mono color hay que tirar de behavios o de otros fix para los IE6 o inferiores. Perfecto, es una elección como otra cualquiera, yo solo doy una alternativa a gif. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Divs con esquinas redondeadas y sombras degradadas
Hola Francisco, El jueves, 12 abr 2007 a las 09:35, escribiste: Tu argumentación no me convence ¿cual es la tontería exactamente? hablo de guardar un png con color indexado y transparencia binaria (como un gif) ocupando menos y haciendo uso de un formato de imagen que es recomendación de la w3c desde 1996. A ver si quieres usar un PNG trasparencia binaria con el IE6 te da igual que sea GIF que PNG. PNG ocupa más que GIF normalmente por la compresión que emplea. PNG tiene más paleta no lo niego. GIF está más estandarizado. Personalmente para web uso generalmente GIFs y PNGs cuando la imagen en cuestión necesita transparencia con canal alpha fijando el fondo del PNG al color de fondo de la web. Si el fondo de la web no es mono color hay que tirar de behavios o de otros fix para los IE6 o inferiores. -- /\/ / \ / \ / /\/ e t \/ i c i o u s ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Divs con esquinas redondeadas y sombras degradadas
Hola Ainhoa, El jueves, 12 abr 2007 a las 09:32, escribiste: Gracias net. El problema es que quiero un efecto parecido pero para aplicarlo a una web que tiene la altura variable según contenido. Así que no sé si se podría hacer... Con la que puse yo inicialmente si ya que el contenido queda alojado en un div, depende de la altura tendrás que meter una imagen gigante o si no te tocará tirar de más divs para emplear el repeat-y. -- /\/ / \ / \ / /\/ e t \/ i c i o u s ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Divs con esquinas redondeadas y sombras degradadas
Rodrigo Galindez escribió: Genial la data técnica. Aclaro: GIF ya es libre, desde Octubre de 2006 (http://www.freesoftwaremagazine.com/node/1772) Por lo demás, en mi opinión y lamentablemente, GIF para gráficos sencillos y JPG para fotografías o imágenes complejas con mucha profundidad de color. Por lo menos hasta que haya una porción significante de usuarios con navegadores con soporte verdadero para PNG. Rodrigo On Apr 12, 2007, at 3:46 PM, xNoleet wrote: Pregunta interesante a aclarar: Técnicamente: El formato GIF permite una paleta máxima de 256 colores, incluyendo un color que puede o no ser transparente. El formato PNG, posee un canal alfa adicional, separado de la capa de paleta de colores que permite usar (la cual tambien son 256 colores). He ahi donde radica el problema del IE en renderizar o interpretar un archivo PNG, no comprende la capa adicional de transparencia. Socio-Economicamente: El formato GIF (Graphic Interchange Format) fue patentado y ahora las aplicaciones que exportan o permiten el uso de este formato, deben pagar una cuota. El formato PNG nacio como una iniciativa Open-Source, y se pueden obtener resultados similares al GIF. Esa es una explicación breve y muy recortada, pero espero aclare las dudas mas básicas, si desean saber mas, preguntar a Don Google, el sabe mucho mas :). Pz. -- xNoleet ][ freelance graphic designer artist ] http://www.dojohabit.com ][ Dôjo ] http://www.luser-co.com ][ Lüser - Tees de diseño x Fuck Fashion! ] http://vm.dojohabit.com ][ personal portfolio ] http://h3x.dojohabit.com ][ experimental project ] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo Rodrigo Galindez [EMAIL PROTECTED] http://www.16bits.net NEW! E-mail to my mobile: [EMAIL PROTECTED] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo Vamos por partes: Por un lado tenemos JPEG que es un formato de imagen con compresión con pérdida en favor del peso del fichero perfecto para imágenes con mucho cambio de color (lease fotografía). Si queremos que este tipo de imágenes pese poco y sean de un tamaño considerable este es el formato a usar. Por el otro esta GIF que es un formato de imagen con paleta indexada con 8 bits de profundidad por píxel con soporte para transparecia binaria. Para continuar esta PNG que es un formato de imagen con compresión SIN PERDIDA. con soporte de hasta 3 canales (de hasta 16 bits) y uno adicional Alpha podemos una imagen de 64 bits totales por píxel. Aquí es donde está el problema, PNG no hace una compresión con pérdida a favor del peso de la imagen y no llega al nivel de compresión de JPEG. Y por otro lado GIF tiene mejor compresión que JPEG para imágenes con pocas variaciones de color (colores planos ..) y encima soporte de transparencia (cosa que JPEG no tiene). Si comprimimos una imágen con pocas variaciones de color en PNG de 4 canales (de hasta 64 bits por píxel) nunca va a pesar menos que en formato GIF (8 bits por píxel). Yo hablo de cojer el PNG y el programa de tratamiento de imágenes de turno e indexar la paleta de colores (de 8bits) para ponerlo a la misma altura (a numero de bits por píxel). Podeis probarlo, además PNG tiene mejor nivel de compresión (Pesan menos que los GIF). Solo estoy dando una solución a los que quieren hacer uso de las recomendaciones de la W3C, tener ficheros menos pesados, y una explicación de por qué explorer 6 no soporta el canal alpha y su solución alternativa. El que quiera seguir usando GIF está en su derecho (además ya es libre). Yo por mi parte ya tengo un sustito mejor que GIF. Saludos a todos. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Divs con esquinas redondeadas y sombras degradadas
NetVicious escribió: Hola stripTM, El miércoles, 11 abr 2007 a las 01:52, escribiste: Si no tienes flash simplemente sale la imagen sin las esquinas redondas ¿cual sería el problema? Veamos si preguntan por solucionar un problema con CSS y te sales por Flash no crees que no es correcto. Personalmente usaría Flash para videos y animaciones no para cosas estáticas que se pueden hacer mediante CSS e imágenes, y si me estiras mucho mediante Javascript a lo Nifty Corners. Yo no es que sea muy devoto del flash, pero en este caso degrada bien, y si no lo tiene flash instalado la foto se queda tal cual. -- Saludos -=stripTM=- ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Divs con esquinas redondeadas y sombras degradadas
Gracias net. El problema es que quiero un efecto parecido pero para aplicarlo a una web que tiene la altura variable según contenido. Así que no sé si se podría hacer... El día 12/04/07, NetVicious [EMAIL PROTECTED] escribió: Hola Ainhoa, El miércoles, 11 abr 2007 a las 10:21, escribiste: Para que me entendáis más claro, la idea es hacer algo parecido a estas cajitas amarillas: Benidorm Palace http://www.benidorm-palace.com/ Creo que estas están hechas poniendo la imagen como fondo pero...¿se podría hacer esto sólo con css?. No sé si ahora me he explicado mejor... Si tiras de firebug puedes ver que son imágenes. Al ser de tamaño fijo puedes hace una imagen y meterla de fondo de un div sin mayor problema. -- /\/ / \ / \ / /\/ e t \/ i c i o u s ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- ¡Visita mi web!: www.aimaro.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Divs con esquinas redondeadas y sombras degradadas
NetVicious escribió: Hola Francisco, El miércoles, 11 abr 2007 a las 12:34, escribiste: Explorer 6 por el contrario de lo que se piensa SI soporta png transparentes, eso si tiene que ser transparencia binaria y no a través del canal alfa Para eso usas un GIF y te dejas de tonterías ;-) Tu argumentación no me convence ¿cual es la tontería exactamente? hablo de guardar un png con color indexado y transparencia binaria (como un gif) ocupando menos y haciendo uso de un formato de imagen que es recomendación de la w3c desde 1996. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Divs con esquinas redondeadas y sombras degradadas
Hola Ainhoa El metodo que yo uso son las imagenes en png y el hack para ie -imagen arriba con ancho fijo, con no-repeat en el css -imagen enmedio con repeat-y para que crezca con el contenido, -imagen de abajo de ancho fijo. con no-repeat. La caja la determinas con pixeles en el ancho y con em en la altura, aunque este ultimo paso no es necesario porque crece junto con su contenido. puedes ver el ejemplo aqui: http://www.incenit.net/pruebas/hoja.html está un poco sucio el codigo porque apenas estoy trabajando en el proyecto y no he eliminado todos los estilos y comandos repetidos ;) pero puedes darte una idea. Cualquier duda aqui estamos. Saludos! ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Divs con esquinas redondeadas y sombras degradadas
Me meto para desempatar: de acuerdo a lo que pides, un gif, en esas condiciones, ¿pesa menos que un png o me parece? Y visto así, doy por seguro que es una tontería, ya que sería como matar mosquitos a cañonazos: obvio que los mata, pero... Si alguien se equivoca, démosle pruebas y no argumentos, ¿no les parece? Almirante von Web/. -- Educando al asno, por no apalearlo. ©2007 ;-) - Original Message - From: Francisco Adolfo Álvarez Alonso [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano [EMAIL PROTECTED] Sent: Thursday, April 12, 2007 4:35 AM Subject: Re: [Ovillo] Divs con esquinas redondeadas y sombras degradadas NetVicious escribió: Hola Francisco, El miércoles, 11 abr 2007 a las 12:34, escribiste: Explorer 6 por el contrario de lo que se piensa SI soporta png transparentes, eso si tiene que ser transparencia binaria y no a través del canal alfa Para eso usas un GIF y te dejas de tonterías ;-) Tu argumentación no me convence ¿cual es la tontería exactamente? hablo de guardar un png con color indexado y transparencia binaria (como un gif) ocupando menos y haciendo uso de un formato de imagen que es recomendación de la w3c desde 1996. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Divs con esquinas redondeadas y sombras degradadas
Genial la data técnica. Aclaro: GIF ya es libre, desde Octubre de 2006 (http://www.freesoftwaremagazine.com/node/1772) Por lo demás, en mi opinión y lamentablemente, GIF para gráficos sencillos y JPG para fotografías o imágenes complejas con mucha profundidad de color. Por lo menos hasta que haya una porción significante de usuarios con navegadores con soporte verdadero para PNG. Rodrigo On Apr 12, 2007, at 3:46 PM, xNoleet wrote: Pregunta interesante a aclarar: Técnicamente: El formato GIF permite una paleta máxima de 256 colores, incluyendo un color que puede o no ser transparente. El formato PNG, posee un canal alfa adicional, separado de la capa de paleta de colores que permite usar (la cual tambien son 256 colores). He ahi donde radica el problema del IE en renderizar o interpretar un archivo PNG, no comprende la capa adicional de transparencia. Socio-Economicamente: El formato GIF (Graphic Interchange Format) fue patentado y ahora las aplicaciones que exportan o permiten el uso de este formato, deben pagar una cuota. El formato PNG nacio como una iniciativa Open-Source, y se pueden obtener resultados similares al GIF. Esa es una explicación breve y muy recortada, pero espero aclare las dudas mas básicas, si desean saber mas, preguntar a Don Google, el sabe mucho mas :). Pz. -- xNoleet ][ freelance graphic designer artist ] http://www.dojohabit.com ][ Dôjo ] http://www.luser-co.com ][ Lüser - Tees de diseño x Fuck Fashion! ] http://vm.dojohabit.com ][ personal portfolio ] http://h3x.dojohabit.com ][ experimental project ] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo Rodrigo Galindez [EMAIL PROTECTED] http://www.16bits.net NEW! E-mail to my mobile: [EMAIL PROTECTED] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Divs con esquinas redondeadas y sombras degradadas
MUY BUEN DATO!!! GIF libre para todo el mundo!!! Gracias: Almirante von Web/. -- Educando al asno, por no apalearlo. ©2007 ;-) - Original Message - From: Rodrigo Galindez [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano [EMAIL PROTECTED] Sent: Thursday, April 12, 2007 5:16 PM Subject: Re: [Ovillo] Divs con esquinas redondeadas y sombras degradadas Genial la data técnica. Aclaro: GIF ya es libre, desde Octubre de 2006 (http://www.freesoftwaremagazine.com/node/1772) Por lo demás, en mi opinión y lamentablemente, GIF para gráficos sencillos y JPG para fotografías o imágenes complejas con mucha profundidad de color. Por lo menos hasta que haya una porción significante de usuarios con navegadores con soporte verdadero para PNG. Rodrigo On Apr 12, 2007, at 3:46 PM, xNoleet wrote: Pregunta interesante a aclarar: Técnicamente: El formato GIF permite una paleta máxima de 256 colores, incluyendo un color que puede o no ser transparente. El formato PNG, posee un canal alfa adicional, separado de la capa de paleta de colores que permite usar (la cual tambien son 256 colores). He ahi donde radica el problema del IE en renderizar o interpretar un archivo PNG, no comprende la capa adicional de transparencia. Socio-Economicamente: El formato GIF (Graphic Interchange Format) fue patentado y ahora las aplicaciones que exportan o permiten el uso de este formato, deben pagar una cuota. El formato PNG nacio como una iniciativa Open-Source, y se pueden obtener resultados similares al GIF. Esa es una explicación breve y muy recortada, pero espero aclare las dudas mas básicas, si desean saber mas, preguntar a Don Google, el sabe mucho mas :). Pz. -- xNoleet ][ freelance graphic designer artist ] http://www.dojohabit.com ][ Dôjo ] http://www.luser-co.com ][ Lüser - Tees de diseño x Fuck Fashion! ] http://vm.dojohabit.com ][ personal portfolio ] http://h3x.dojohabit.com ][ experimental project ] ___ Rodrigo Galindez [EMAIL PROTECTED] http://www.16bits.net NEW! E-mail to my mobile: [EMAIL PROTECTED] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Divs con esquinas redondeadas y sombras degradadas
Hola a todos. Gracias por las respuestas. Dentro de mis divs hay tanto texto como imágenes. Efectivamente prefiero no poner flash y bueno, podría hacerlo como toda la vida, metiendo las esquinas y degradados como imágenes en el fondo, pero es que digo yo que habrá una forma más ortodoxa de hacerlo ¿no? (si son estética, debería poder hacerse con css). ¿Lo de los pngs qué problema dá en Explorer6? (perdonad mi ignorancia, yo sé que en Explorer no se ven los pngs transparentes pero nada más). El día 11/04/07, laura [EMAIL PROTECTED] escribió: hola El mejor que he visto y utilizando una sóla imagen es este: http://www.schillmania.com/projects/dialog2/ Con sombra incluida y todo. Es un PNG con todo lo que ello conlleva para IE6. En el firefox abajo a la derecha salen dos iconitos para que veas como traga el cambio de fondo y el ajuste de tamaño de los divs. Pero si navegas sin imagenes que se verá? , aparte de la carga de bajar una imagen tan grande, no me convence este metodo, aunque se ve el mas limpio de codigo. Hay alguno que funcione 100% ? ciao! ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- ¡Visita mi web!: www.aimaro.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Divs con esquinas redondeadas y sombras degradadas
Para que me entendáis más claro, la idea es hacer algo parecido a estas cajitas amarillas: Benidorm Palace http://www.benidorm-palace.com/ Creo que estas están hechas poniendo la imagen como fondo pero...¿se podría hacer esto sólo con css?. No sé si ahora me he explicado mejor... El día 11/04/07, Ainhoa Martín Rosas [EMAIL PROTECTED] escribió: Hola a todos. Gracias por las respuestas. Dentro de mis divs hay tanto texto como imágenes. Efectivamente prefiero no poner flash y bueno, podría hacerlo como toda la vida, metiendo las esquinas y degradados como imágenes en el fondo, pero es que digo yo que habrá una forma más ortodoxa de hacerlo ¿no? (si son estética, debería poder hacerse con css). ¿Lo de los pngs qué problema dá en Explorer6? (perdonad mi ignorancia, yo sé que en Explorer no se ven los pngs transparentes pero nada más). El día 11/04/07, laura [EMAIL PROTECTED] escribió: hola El mejor que he visto y utilizando una sóla imagen es este: http://www.schillmania.com/projects/dialog2/ Con sombra incluida y todo. Es un PNG con todo lo que ello conlleva para IE6. En el firefox abajo a la derecha salen dos iconitos para que veas como traga el cambio de fondo y el ajuste de tamaño de los divs. Pero si navegas sin imagenes que se verá? , aparte de la carga de bajar una imagen tan grande, no me convence este metodo, aunque se ve el mas limpio de codigo. Hay alguno que funcione 100% ? ciao! ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- ¡Visita mi web!: www.aimaro.com -- ¡Visita mi web!: www.aimaro.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Divs con esquinas redondeadas y sombras degradadas
De: NetVicious [EMAIL PROTECTED] Hola Ainhoa, El mejor que he visto y utilizando una sóla imagen es este: http://www.schillmania.com/projects/dialog2/ Con sombra incluida y todo. Es un PNG con todo lo que ello conlleva para IE6. En el firefox abajo a la derecha salen dos iconitos para que veas como traga el cambio de fondo y el ajuste de tamaño de los divs. Hola Pues a no ser que me haya perdido algo, a mi no me gusta nada de nada ese sistema, porque necesita nada menos que tres div extra para cada caja. En una web con, por ejemplo, 6 cajas con esquinas redondeadas, tendremos 18 divs extra y sin significado semántico, malo, malo... Si quieres conseguir el efecto sólo con css, la mejor técnica creo que es la de sliding doors [1] o alguna variación sobre la misma. El método de flash es muy llamativo, sobre todo lo de poder girar las imágenes (¿cuándo podremos hacer esas virguerías con css?), pero aún tiene bastantes limitaciones... Otro método a tener en cuenta es utilizar javascript, como ya se ha mencionado repetidas veces en la lista. Hay varias opciones por ahí, busca javascript round corners (o busca en los archivos de la lista) y verás las distintas posibilidades. Lo bueno de la opción javascript es que degrada muy bien, y funciona también si no están activadas las imágenes... ¿Cual utilizar? Yo siempre he utilizado una técnica similar a sliding doors, pero últimamente me estoy decantando por la opción javascript [2 y 3], ya que es mucho más fácil modificar el diseño a posteriori, y me evito el tener que estar ajustando imágenes constantemente... [1] http://alistapart.com/articles/slidingdoors/ [2] http://www.html.it/articoli/niftycube/index.html [3] http://www.curvycorners.net/index.php Bueno, vaya rollo os he soltado, se ve que estoy charlosa esta mañana... Eva ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Divs con esquinas redondeadas y sombras degradadas
Ainhoa Martín Rosas escribió: Hola a todos. Gracias por las respuestas. Dentro de mis divs hay tanto texto como imágenes. Efectivamente prefiero no poner flash y bueno, podría hacerlo como toda la vida, metiendo las esquinas y degradados como imágenes en el fondo, pero es que digo yo que habrá una forma más ortodoxa de hacerlo ¿no? (si son estética, debería poder hacerse con css). ¿Lo de los pngs qué problema dá en Explorer6? (perdonad mi ignorancia, yo sé que en Explorer no se ven los pngs transparentes pero nada más). Hola a toda la lista: Explorer 6 por el contrario de lo que se piensa SI soporta png transparentes, eso si tiene que ser transparencia binaria y no a través del canal alfa (de 8 bits) que es el que no soporta explorer 6 y nos da ese encantador color gris. La causa de que lo soporte el canal alfa explorer 6 es porque la especificación de PNG la considera optativa. No podrás hacer maravillas orientales con trasparencias pero los casos básicos los tendrás resueltos. El día 11/04/07, laura [EMAIL PROTECTED] escribió: hola El mejor que he visto y utilizando una sóla imagen es este: http://www.schillmania.com/projects/dialog2/ Con sombra incluida y todo. Es un PNG con todo lo que ello conlleva para IE6. En el firefox abajo a la derecha salen dos iconitos para que veas como traga el cambio de fondo y el ajuste de tamaño de los divs. Pero si navegas sin imagenes que se verá? , aparte de la carga de bajar una imagen tan grande, no me convence este metodo, aunque se ve el mas limpio de codigo. Hay alguno que funcione 100% ? ciao! ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Divs con esquinas redondeadas y sombras degradadas
El 11/04/07, Eva del Campo [EMAIL PROTECTED] escribió: El método de flash es muy llamativo, sobre todo lo de poder girar las Flash es, basicaménte, un lenguaje de programaión. imágenes (¿cuándo podremos hacer esas virguerías con css?), pero aún tiene Se podrá hacer lo mismo que en Flash, cuando CSS sea otro lenguaje de programación ... y dejaría de ser CSS bastantes limitaciones... CSS es un lenguaje declarativo (pseudo estático). Otro método a tener en cuenta es utilizar javascript, como ya se ha Otro lenguaje de programación. Cada uno tiene su parcela. Si empiezas a mezclar todo en uno acabarás con algo que intenta mucho y todo mal. (opinión mía) Eva -- o---( )---o Saludos de Victor Lopez Sabio [EMAIL PROTECTED] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Divs con esquinas redondeadas y sombras degradadas
¿Qué has fumado, Victor? A lo mejor debería pedirte el teléfono de tu camello... 8P No sé si me he explicado mal, o es que tú no me has entendido bien, pero si relees mi mensaje detenidamente, y luego revisas tu respuesta, podrás comprobar quién de los dos mezcla las cosas y se hace un lío tremendo... Flash es, basicaménte, un lenguaje de programación Yo no he hablado para nada de lo que es o deja de ser Flash, pero para tu información Flash no es ni por asomo un lenguaje de programación, aunque sí incluye uno que se llama actionscript. Si quieres más información mira en la página de adobe o en la wikipedia... Se podrá hacer lo mismo que en Flash, cuando CSS sea otro lenguaje de programación ... y dejaría de ser CSS Tripis, pastis, costo, maría, estricnina, monguis... Sea lo que sea que tomas, déjalo, ¡se te está yendo la olla! ¿Quién ha hablado de hacer lo mismo con css que con flash? Sólo he dicho que me gustaría que se pudieran rotar las imágenes desde css (y ya puestos poner sombra, o bevel, o ...) sin tener usar flash u otros trucos... Ah, por cierto, si no hubieses aclarado que javascript es un lenguaje de programación, nunca lo hubiera adivinado ¿pero qué narices tiene que ver eso con lo que digo en mi mensaje? En fin, lo voy a dejar aquí, que no quiero aburrir al resto de la lista. Y por favor Victor (y [EMAIL PROTECTED] los [EMAIL PROTECTED], yo incluida), si no sabemos algo, mejor esperar a que conteste alguien que sepa, antes que llenar la lista de respuestas absurdas que pueden confundir a los demás Eva De: Victor Lopez [EMAIL PROTECTED] El 11/04/07, Eva del Campo [EMAIL PROTECTED] escribió: El método de flash es muy llamativo, sobre todo lo de poder girar las Flash es, basicaménte, un lenguaje de programaión. imágenes (¿cuándo podremos hacer esas virguerías con css?), pero aún tiene Se podrá hacer lo mismo que en Flash, cuando CSS sea otro lenguaje de programación ... y dejaría de ser CSS bastantes limitaciones... CSS es un lenguaje declarativo (pseudo estático). Otro método a tener en cuenta es utilizar javascript, como ya se ha Otro lenguaje de programación. Cada uno tiene su parcela. Si empiezas a mezclar todo en uno acabarás con algo que intenta mucho y todo mal. (opinión mía) ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Divs con esquinas redondeadas y sombras degradadas
JAJAJA (extender durante una hora). -- xNoleet ][ freelance graphic designer artist ] http://www.dojohabit.com ][ Dôjo ] http://www.luser-co.com ][ Lüser - Tees de diseño x Fuck Fashion! ] http://vm.dojohabit.com ][ personal portfolio ] http://h3x.dojohabit.com ][ experimental project ] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Divs con esquinas redondeadas y sombras degradadas
Hola Francisco, El miércoles, 11 abr 2007 a las 12:34, escribiste: Explorer 6 por el contrario de lo que se piensa SI soporta png transparentes, eso si tiene que ser transparencia binaria y no a través del canal alfa Para eso usas un GIF y te dejas de tonterías ;-) -- /\/ / \ / \ / /\/ e t \/ i c i o u s ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Divs con esquinas redondeadas y sombras degradadas
Hola Ainhoa, El miércoles, 11 abr 2007 a las 10:21, escribiste: Para que me entendáis más claro, la idea es hacer algo parecido a estas cajitas amarillas: Benidorm Palace http://www.benidorm-palace.com/ Creo que estas están hechas poniendo la imagen como fondo pero...¿se podría hacer esto sólo con css?. No sé si ahora me he explicado mejor... Si tiras de firebug puedes ver que son imágenes. Al ser de tamaño fijo puedes hace una imagen y meterla de fondo de un div sin mayor problema. -- /\/ / \ / \ / /\/ e t \/ i c i o u s ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Divs con esquinas redondeadas y sombras degradadas
Hola stripTM, El miércoles, 11 abr 2007 a las 01:52, escribiste: Si no tienes flash simplemente sale la imagen sin las esquinas redondas ¿cual sería el problema? Veamos si preguntan por solucionar un problema con CSS y te sales por Flash no crees que no es correcto. Personalmente usaría Flash para videos y animaciones no para cosas estáticas que se pueden hacer mediante CSS e imágenes, y si me estiras mucho mediante Javascript a lo Nifty Corners. -- /\/ / \ / \ / /\/ e t \/ i c i o u s ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Divs con esquinas redondeadas y sombras degradadas
Hola a todos: ¿Cuál es el mejor método para hacer que un div tenga las esquinas redondeadas y una sombra degradada?. Me han recomendado para las esquinas el método Nifty Corners...¿se podría combinar con una sombra difuminada (no dura, no sé si me explico...)? -- ¡Visita mi web!: www.aimaro.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Divs con esquinas redondeadas y sombras degradadas
No se si lo quieras para div/span con textos o imagenes, pero este esta bueno: http://www.swfir.com/ Ahi lo menciona exclusivamente para imagenes.. mas no se si con algun hack lo puedas utilizar para divs con texto. A:R On 4/10/07, Ainhoa Martín Rosas [EMAIL PROTECTED] wrote: Hola a todos: ¿Cuál es el mejor método para hacer que un div tenga las esquinas redondeadas y una sombra degradada?. Me han recomendado para las esquinas el método Nifty Corners...¿se podría combinar con una sombra difuminada (no dura, no sé si me explico...)? -- ¡Visita mi web!: www.aimaro.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Divs con esquinas redondeadas y sombras degradadas
Hola Ardilla, El martes, 10 abr 2007 a las 20:43, escribiste: No se si lo quieras para div/span con textos o imagenes, pero este esta bueno: http://www.swfir.com/ Ahi lo menciona exclusivamente para imagenes.. mas no se si con algun hack lo puedas utilizar para divs con texto. Usa Flash así que KK -- /\/ / \ / \ / /\/ e t \/ i c i o u s ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Divs con esquinas redondeadas y sombras degradadas
Hola Ainhoa, El martes, 10 abr 2007 a las 09:26, escribiste: ¿Cuál es el mejor método para hacer que un div tenga las esquinas redondeadas y una sombra degradada?. Me han recomendado para las esquinas el método Nifty Corners...¿se podría combinar con una sombra difuminada (no dura, no sé si me explico...)? El mejor que he visto y utilizando una sóla imagen es este: http://www.schillmania.com/projects/dialog2/ Con sombra incluida y todo. Es un PNG con todo lo que ello conlleva para IE6. En el firefox abajo a la derecha salen dos iconitos para que veas como traga el cambio de fondo y el ajuste de tamaño de los divs. -- /\/ / \ / \ / /\/ e t \/ i c i o u s ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Divs con esquinas redondeadas y sombras degradadas
NetVicious escribió: Hola Ardilla, El martes, 10 abr 2007 a las 20:43, escribiste: No se si lo quieras para div/span con textos o imagenes, pero este esta bueno: http://www.swfir.com/ Ahi lo menciona exclusivamente para imagenes.. mas no se si con algun hack lo puedas utilizar para divs con texto. Usa Flash así que KK Si no tienes flash simplemente sale la imagen sin las esquinas redondas ¿cual sería el problema? -- Saludos -=stripTM=- ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Divs con esquinas redondeadas y sombras degradadas
hola El mejor que he visto y utilizando una sóla imagen es este: http://www.schillmania.com/projects/dialog2/ Con sombra incluida y todo. Es un PNG con todo lo que ello conlleva para IE6. En el firefox abajo a la derecha salen dos iconitos para que veas como traga el cambio de fondo y el ajuste de tamaño de los divs. Pero si navegas sin imagenes que se verá? , aparte de la carga de bajar una imagen tan grande, no me convence este metodo, aunque se ve el mas limpio de codigo. Hay alguno que funcione 100% ? ciao! ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo