¿Cómo crear color de fondo desvanecido?

[rynkydynky]

Salu2 amigos del foro me gustarìa saber ¿Como puedo crear un color de fondo para una pagina web desvancedio? es dècir, que mas o menos el encabezado sea azul y se valla aclarando a un blanco i.e.

De antemano Gracias.

[axterixv]

La idea detras de un desvanecido es la siguiente:

1. Tienes una degradación que va de un color X a un color Y, la aplicas a una imágen con un buen tamaño de alto y poco ancho. 10px ancho y 200px de alto a gusto tuyo.

2. Le dices a tu página web que utilize como color de fondo el color Y.

3. Le dices a tu página web que utilize tu imágen como fondo y la repita en la X.

4. Ya esta!

Ahora te pongo codigo de ejemplo:

Código:

body {
	/* otras cosas relevantes de tu body */
/* fondo */
background-color: white;
background-image: url(imagenes/fondo-web.jpg);
background-repeat: repeat-x;
}

La imagen fondo web degrada de rojo a blanco.

Espero que te sirva!

[rynkydynky]

Hombre Gracias, pero no veo el resultado si me puede pasar esa imagen para ver
el resultado le agradecerìa.

[Nefertiter]

no tienes q verlo, tienes que probarlo.. esta bastante iben explicado

[Mikmoro]

Te pongo un ejemplo, aunque estoy de acuerdo en que hay que probar antes de preguntar.

http://www.menoslobos.com/mikel/foro...degradado.html

Mikel.

[caricatos]

Hola:

Puedes crear tu imagen en degradé desde esta página: Gradientes (php + librerías GD), y como verás, es suficiente con 1 pixel de anchura.

La explicación que te han dado es muy acertada.

Saludos

[chiquitinto]

Con la explicación que te han dado, sería suficiente. Además, te pongo aquí un ejemplo de estilo de una mis webs:


.MiEstilo
{
padding:5px 5px 5px 5px;
margin-right:20px;
border: none;

background-image:url(/.../imagen.degradada.jpg);
background-color: transparent;
background-repeat: repeat-x;
margin: 0px 0px 0px 0px;
font: bold 78% tahoma,verdana,arial;
color: #DA101F;
text-align: center;
vertical-align: middle;
height:12px;
}

...como puedes ver, la idea es la misma.