Ver Mensaje Individual
  #2 (permalink)  
Antiguo 02/04/2008, 12:56
Avatar de arriaka
arriaka
 
Fecha de Ingreso: febrero-2008
Mensajes: 45
Antigüedad: 16 años, 9 meses
Puntos: 1
Re: fondo degradado

Hola wolfmoon

La mejor maner que tienes de hacer un fondo degradado (suponiendo que quieres que se degrade de arriba a abajo), es hacer un gif de 1px de ancho y la altura necesaria (por ejemplo 500px).

El gif empezara desde arriba y tienes que tener en cuenta que color tendria en el borde inferio, para poner ese mismo color en el background.

Una vez que tengas el gif, tienes que poner el siguiente codigo css:

Código:
body{
	border: 0px;
	margin: 0px;
	background-color:#000000; /*el color tiene que ser el del borde inferior del gif*/
	background-image:url(fondo.gif);
	background-position:top;
	background-repeat:repeat-x;
}

Si quisieras un degradado lateral, tendrias que hacer un gif de 1px de alto y la anchura necesaria (por ejemplo 600px).

Si el gif empezara desde la izquierda tienes que tener en cuenta que color tendria en el borde derecho, y si empezara desde la derecha el color del brde izquierdo, para poner ese mismo color en el background.

Una vez que tengas el gif, tienes que poner el siguiente codigo css:

Código:
body{
	border: 0px;
	margin: 0px;
	background-color:#000000; /*el color tiene que ser el del borde derecho o izquierdo del gif*/
	background-image:url(../img/fondo.gif);
	background-position:right; /*o left*/
	background-repeat:repeat-y;
}
Puedes ver un ejemplo en mi pagina: www.arriaka.com

Saludos!