[Ovillo] Degradados de color con css
Hola a todos, Me ha llegado para maquetar un diseño que tiene en el fondo dos colores con degradado entre ellos, y se me ha ocurrido la idea de no ponerlo como imagen y dibujarlo con css, no se si se puede, y he mirado por google sin demasiado éxito. Sabéis si se puede? Y en caso afirmativo, como se hace? Saludos Rafa biosfera 4 desarrollo web | asesoramiento musical | open source c/ Real 36 1ºA 28230 Las Rozas de Madrid tel. 916377043 fax. 916375147 http://www.biosfera4.com [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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Degradados de color con css
Hola :) Pues no, hasta donde yo sé no se puede hacer sin imágenes. Rafael García Lepper escribió (Tue, 20 Sep 2005 09:36:55 +0200): Hola a todos, Me ha llegado para maquetar un diseño que tiene en el fondo dos colores con degradado entre ellos, y se me ha ocurrido la idea de no ponerlo como imagen y dibujarlo con css, no se si se puede, y he mirado por google sin demasiado éxito. Sabéis si se puede? Y en caso afirmativo, como se hace? Saludos Rafa -- Ramón demasiado viejo para ser una joven promesa, demasiado joven para ser una vieja gloria, pero aún así trabajando duro para Simplelógica: apariencia, experiencia y comunicación en la web http://simplelogica.net # (+34) 98 522 12 65 http://simplelogica.net/caoticoneutral/ ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Degradados de color con css
El 20/09/2005, a las 14:52, Fernando Gutierrez escribió: Por poder puede hacerse [1], pero son 576 líneas de código html y css SÓLO para el degradado: 255 divs y 255 declaraciones css. Sólo he probado qué tal se ve en Firefox. [1] http://www.designdetector.com/demos/css-gradients-demo-1.php Sí, y 20k en disco de la broma ;-) -- /* Daniel Torres Burriel - www.torresburriel.com /* Web design - Usability consulting - IT Press /* More info bio: www.torresburriel.com/perfil/ /* GPG key: 0x43DB2AB7 ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Degradados de color con css
Nada recomendable desde luego ;-) El día 20/09/05, Daniel Torres Burriel [EMAIL PROTECTED] escribió: El 20/09/2005, a las 14:52, Fernando Gutierrez escribió: Por poder puede hacerse [1], pero son 576 líneas de código html y css SÓLO para el degradado: 255 divs y 255 declaraciones css. Sólo he probado qué tal se ve en Firefox. [1] http://www.designdetector.com/demos/css-gradients-demo-1.php Sí, y 20k en disco de la broma ;-) -- /* Daniel Torres Burriel - www.torresburriel.comhttp://www.torresburriel.com /* Web design - Usability consulting - IT Press /* More info bio: www.torresburriel.com/perfil/http://www.torresburriel.com/perfil/ /* GPG key: 0x43DB2AB7 ___ 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://ovillo.org/mailman/listinfo/ovillo -- _ Fernando Gutiérrez http://ferguweb.tx.com.ru/ ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Degradados de color con css
Hola, pues si tan complicado es se pone un imagen, solo se me ocurrió y preguntaba por si acaso, para aprender. Muchas gracias a todos. Saludos Rafa biosfera 4 desarrollo web | asesoramiento musical | open source c/ Real 36 1ºA 28230 Las Rozas de Madrid tel. 916377043 fax. 916375147 http://www.biosfera4.com [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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Degradados de color con css
En CSS2, que es lo que soportan la mayoria de los navegadores usados por el publico, no es soportado, podes hacerlo con javascript.. o bien una imagen de fondo, que me parece lo mas acertado. Saludos, Diego On 9/20/05, Rafael García Lepper [EMAIL PROTECTED] wrote: Hola a todos, Me ha llegado para maquetar un diseño que tiene en el fondo dos colores con degradado entre ellos, y se me ha ocurrido la idea de no ponerlo como imagen y dibujarlo con css, no se si se puede, y he mirado por google sin demasiado éxito. Sabéis si se puede? Y en caso afirmativo, como se hace? Saludos Rafa biosfera 4 desarrollo web | asesoramiento musical | open source c/ Real 36 1ºA 28230 Las Rozas de Madrid tel. 916377043 fax. 916375147 http://www.biosfera4.com [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://ovillo.org/mailman/listinfo/ovillo -- Diego - www.sms-sender.com.ar ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Degradados de color con css
Hola Rafael,
Existe una forma de hacerlo, pero no es estándar, es uno de los inventos
propietarios de Microsoft, tenlo en cuenta.
La idea se basa en usar el CSS Filter:
body {
background: #000;
filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0,
FinishX=0, FinishY=100%);
}
Donde Opacity es la opacidad del color de fondo cuando empieza el gradiente y
FinishOpacity cuando termina.
Style es el estilo de gradiente, 1=de arriba a abajo, 2=circular, etc...
StartX, StartY, FinishX y FinishY las coordenadas donde comienzan y acaban los
gradientes.
Recuerda que ésta propiedad *NO* es estándar, y por lo tanto no validará ni
funcionará con la mayoría de navegadores como Firefox, Opera, etc...
Un saludo!
--
Manz,
Web: http://www.emezeta.com/
Correo: [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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Degradados de color con css
Pues yo, asi a primera vista, no lo veo tan malo. el codigo extra son 16k.
¿cual es el tamaño de una imagen similar?
Mas que nada, molesta visualmente al mirar el código. Si se pone separado en
su propio archivo css no habria problema.
Además, se puede generar facilmente con javascript:
function escribeDIV() {
for (var i = 1; i 255 ; i++) {
document.write(div
style='background-color:rgb(255,255,+i+)'/div);
}
}
En ese caso solo has agregado unos pocos bites a tu codigo.
Venga, estoy esperando las críticas a javascript :)
Saludos
El Martes, 20 de Septiembre de 2005 13:52, Fernando Gutierrez escribió:
Por poder puede hacerse [1], pero son 576 líneas de código html y css SÓLO
para el degradado: 255 divs y 255 declaraciones css. Sólo he probado qué
tal se ve en Firefox.
[1] http://www.designdetector.com/demos/css-gradients-demo-1.php
--
www.fuerteventuraviva.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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Degradados de color con css
Vale, lo has dejado claro.
Veo que no tienes mucha paciencia.
Saludos
El Martes, 20 de Septiembre de 2005 16:14, Ramon Pravia escribió:
Bueno, en primer lugar, una imagen de un degradado, la mayor parte de las
veces puede ocupar menos de 1kb, porque es muy probable que te sirva
hacerla de 1px de ancho (o de alto) y repetirla como background en el
sentido que te convenga (horizontal o verticalmente).
Bien, dicho esto, no me importa el peso de la página. Hacer un degradado
utilizando divs, con todos mis respetos, es uno de los mayores atentados
contra las buenas prácticas en el desarrollo web que se me puedan ocurrir,
a la par que una soberana estupidez. De verdad, no me cabe en la cabeza que
alguien diga en serio que le parece buena idea anidar 255 divs con
diferentes colores de fondo para lograr un efecto visual.
Un degradado es un elemento decorativo (al menos ahora no se me ocurre un
caso en que pueda ser otra cosa). Utilizar lenguaje de marcado para
conseguir un degradado es exactamente lo mismo, o puede que incluso peor
que utilizar una etiqueta font. ¿Por qué no nos limitamos a utilizar cada
cosa para lo que sirve?
Saludos
astrobola escribió (Tue, 20 Sep 2005 16:00:02 +0100):
Pues yo, asi a primera vista, no lo veo tan malo. el codigo extra
son 16k. ¿cual es el tamaño de una imagen similar?
Mas que nada, molesta visualmente al mirar el código. Si se pone
separado en su propio archivo css no habria problema. Además, se
puede generar facilmente con javascript:
function escribeDIV() {
for (var i = 1; i 255 ; i++) {
document.write(div style='background-
color:rgb(255,255,+i+)'/div); } }
En ese caso solo has agregado unos pocos bites a tu codigo. Venga,
estoy esperando las críticas a javascript :)
Saludos
--
www.fuerteventuraviva.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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Degradados de color con css
On 20/09/05, astrobola [EMAIL PROTECTED] wrote: Vale, lo has dejado claro. Veo que no tienes mucha paciencia. Nada, Astrobola, ignórale. Es un exaltado. A mi me acaba con la vida, no sabes lo que es tener que aguantar su maltrato psicológico, e incluso físico, a diario. Esta semana es mucho peor, porque se ha hecho la permanente, después de llevar toda la vida con melenita lisa, y, claro, no se vé y está imposible. Tú hazte el loco. tip cssQuery() es una librería que permite referirse a elementos DOM con expresiones CSS. http://www.sitepoint.com/blogs/2005/09/19/cssquery-query-the-dom-with-css-selectors/ /tip -- Manuel a veces :) a veces :( pero siempre trabajando duro para Simplelógica: apariencia, experiencia y comunicación en la web. http://simplelogica.net # (+34) 985 22 12 65 ¡Ah! y escribiendo en Logicola: http://simplelogica.net/logicola/ ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Degradados de color con css
Tomo nota! Maldito pié izquierdo... ¡apártate de ahí! El Martes, 20 de Septiembre de 2005 17:06, Manuel González Noriega escribió: Esta semana es mucho peor, porque se ha hecho la permanente, después de llevar toda la vida con melenita lisa, y, claro, no se vé y está imposible. Tú hazte el loco. -- www.fuerteventuraviva.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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Degradados de color con css
El 20/09/2005, a las 17:14, Ramon Pravia escribió: Un degradado es un elemento decorativo (al menos ahora no se me ocurre un caso en que pueda ser otra cosa). Utilizar lenguaje de marcado para conseguir un degradado es exactamente lo mismo, o puede que incluso peor que utilizar una etiqueta font. ¿Por qué no nos limitamos a utilizar cada cosa para lo que sirve? Pravia dixit. :-) -- /* Daniel Torres Burriel - www.torresburriel.com /* Web design - Usability consulting - IT Press /* More info bio: www.torresburriel.com/perfil/ /* GPG key: 0x43DB2AB7 ___ 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://ovillo.org/mailman/listinfo/ovillo
