Crear Efecto color fondo

07/05/2007 - 23:20 por palito | Informe spam

Amigos:

Como puedo crear el efecto que tienen las paginas de msn.com que aparecen
con un color de fondo arriba y se va degradando a medida que la pagina baja
o termina?

ejemplo: http://health.msn.com/

gracias

Siga el debate

8 respuestas

Tengo una respuesta

Preguntas similare

Color azul Automatico al Crear una Formula

Leer las respuestas

#1 Mariluz

08/05/2007 - 15:40 | Informe spam

Hola, en la página que nos mandas el fondo es una imagen pero si quieres
personalizar los colores por ti mismo añade esto:
<style type="text/css">
<!--
body {FILTER:
progid:DXImageTransform.Microsoft.Gradient(startColorstr=#2B8507,endColorstr=#DAFECC,gradientType=0,enabled=true)}
</style>

Mariluz
http://www.geocities.com/zuliram_es

"palito" escribió en el mensaje ...

Amigos:

Como puedo crear el efecto que tienen las paginas de msn.com que aparecen
con un color de fondo arriba y se va degradando a medida que la pagina
baja o termina?

ejemplo: http://health.msn.com/

gracias

Responder a este mensaje

#2 oR

08/05/2007 - 17:36 | Informe spam

Gracias Mariluz, funciona fenomenal en IE, pero no me quiere funcionar
en Firefox :( , puede ser porque el filtro tiene la palabra Microsoft :-P

Como le indicas a palito puede usar tambien la opcion de una imagen
creada por él, que tenga el color en gradiente, el programa grstuito
Photofiltre puede serle util para crearla, el código html seria así,

- empieza -
<html>
<head>
<style>body{background-position:0 0;background-repeat:repeat-x}</style>
</head>
<body background="tu-imagen-con-gradiente.jpg"
bgcolor="el-color-del-ultimo-gradiente">
</body>
</html>
- termina -

La imagen que usa health

http://stc.msn.com/br/gbl/css/6/dec...shadow.gif

Photofiltre 6.2.7

http://photofiltre.free.fr/frames_en.htm

(menu filter/color/gradient)

saludos
franciscoR

Mariluz wrote:

Hola, en la página que nos mandas el fondo es una imagen pero si quieres
personalizar los colores por ti mismo añade esto:
<style type="text/css">
<!--
body {FILTER:
progid:DXImageTransform.Microsoft.Gradient(startColorstr=#2B8507,endColorstr=#DAFECC,gradientType=0,enabled=true)}
</style>

Mariluz
http://www.geocities.com/zuliram_es

"palito" escribió en el mensaje ...

Amigos:

Como puedo crear el efecto que tienen las paginas de msn.com que aparecen
con un color de fondo arriba y se va degradando a medida que la pagina
baja o termina?

ejemplo: http://health.msn.com/

gracias

Responder a este mensaje

#3 Mariluz

08/05/2007 - 19:54 | Informe spam

Hola Francisco, para Firefox mira este "lindo" enlace :-) http://slayeroffice.com/code/gradient/ y suerte. Como yo no lo uso ¿nos
comentarás si te ha servido? Y gracias a ti.
Mariluz
http://www.geocities.com/zuliram_es

"oR" escribió en el mensaje ...

Gracias Mariluz, funciona fenomenal en IE, pero no me quiere funcionar en Firefox :( , puede ser porque el filtro tiene la
palabra Microsoft :-P

Como le indicas a palito puede usar tambien la opcion de una imagen creada por él, que tenga el color en gradiente, el programa
grstuito Photofiltre puede serle util para crearla, el código html seria así,

- empieza -
<html>
<head>
<style>body{background-position:0 0;background-repeat:repeat-x}</style>
</head>
<body background="tu-imagen-con-gradiente.jpg" bgcolor="el-color-del-ultimo-gradiente">
</body>
</html>
- termina -

La imagen que usa health

http://stc.msn.com/br/gbl/css/6/dec...shadow.gif

Photofiltre 6.2.7

http://photofiltre.free.fr/frames_en.htm

(menu filter/color/gradient)

saludos
franciscoR

Mariluz wrote:

Hola, en la página que nos mandas el fondo es una imagen pero si quieres personalizar los colores por ti mismo añade esto:
<style type="text/css">
<!--
body {FILTER:
progid:DXImageTransform.Microsoft.Gradient(startColorstr=#2B8507,endColorstr=#DAFECC,gradientType=0,enabled=true)}
</style>

Mariluz

"palito" escribió en el mensaje ...

Amigos:

Como puedo crear el efecto que tienen las paginas de msn.com que aparecen con un color de fondo arriba y se va degradando a
medida que la pagina baja o termina?

ejemplo: http://health.msn.com/

gracias

Responder a este mensaje

#4 oR

09/05/2007 - 19:26 | Informe spam

Muchas gracias Mariluz, funciona tambien en FFox 2.0.0.3, aunque cuesta
algo de trabajo degradar a mano tonos de colores y debe tenerse activos
los scripts para que se vean, aun con esos inconvenientes es un buen tip.

:)

saludos
franciscoR

Mariluz wrote:

Hola Francisco, para Firefox mira este "lindo" enlace :-) http://slayeroffice.com/code/gradient/ y suerte. Como yo no lo uso ¿nos
comentarás si te ha servido? Y gracias a ti.

Responder a este mensaje

#5 oR

10/05/2007 - 00:52 | Informe spam

oR rebuzno esto,

aunque cuesta algo de trabajo degradar a mano tonos de colores

Disculpa esta burrada de mi parte Mariluz, yo había confundido el código
de manera casual, funciona muy bien en ambos navegadores :-D

Lo que hace la abstinencia de un café cargado :-P

Gracias mil !!!

saludos
franciscoR

oR wrote:

Muchas gracias Mariluz, funciona tambien en FFox 2.0.0.3, aunque cuesta
algo de trabajo degradar a mano tonos de colores y debe tenerse activos
los scripts para que se vean, aun con esos inconvenientes es un buen tip.

:)

saludos
franciscoR

Mariluz wrote:

Hola Francisco, para Firefox mira este "lindo" enlace :-)
http://slayeroffice.com/code/gradient/ y suerte. Como yo no lo uso
¿nos comentarás si te ha servido? Y gracias a ti.

Responder a este mensaje

Ads by Google

Hacer una preguntaSiguiente

Tengo una respuesta

Busqueda sugerida