Fondo Degradado en Página

jpogsistem · #1 (**permalink**) 25/01/2007, 21:23

Que tal Masters ;

Quisiera implementar en una web un fondo degradado como el de azul oscuro a azul claro de esta página. Uso Dreamweaver.

http://www.cristalab.com/

saben como se hace ?

Muchas Gracias.

webosiris · #2 (**permalink**) 26/01/2007, 01:08

tenes que poner una imagen de fondo.. si ves esa página, tiene como fondo esta imagen: http://www.cristalab.com/images/general/fondo.png

el código css es así (tenes que cambiar la ruta de la imagen por al real):

Código:

body{
background:url(fondo.png) repeat-x top left #eff3ff;
}

esto posiciona la imagen arriba a la izquierda, y hace que se repita horizontalmente.. el #eff3ff es el color que quedará una vez termine la imagen

caricatos · #3 (**permalink**) 26/01/2007, 01:09

Hola:

Puedes obtener la imagen del fondo degradado desde esta página: Gradientes (php + librerías GD) y ponerla como fondo del body (background-repeat: repeat-x)... en la página puse como usarse.

Saludos

caricatos · #4 (**permalink**) 26/01/2007, 01:11

Hola webosiris... buen choque

Saludos

Mikmoro · #5 (**permalink**) 26/01/2007, 01:47

Caricatos: qué buena es aplicación, tío. Muy curiosa y útil. Un 10.

Mikel.

caricatos · #6 (**permalink**) 26/01/2007, 01:53

Cita:

Iniciado por Mikmoro

Caricatos: qué buena es aplicación, tío. Muy curiosa y útil. Un 10.

Mikel.

Gracias Mikmoro, la verdad es una de esas cosas de las que uno se siente orgulloso, y más aún si te hacen buenos comentarios (como el tuyo

)

Saludos

lowtrux · #7 (**permalink**) 02/04/2007, 11:16

yo he utilizado la tecnica que dicen pero lo unico que consigo es un degradado bastante pequeño que sólo llega a la cuarta parte del fondo y a continuacion llena del color de fondo que le pongo casi toda la pantalla, espero me puedan ayudar por favor! que esto me tiene enfermo

lowtrux · #8 (**permalink**) 03/04/2007, 04:10

Algo más -el tema este me tiene loco- yo utilizo una imagen png de 1 x 250px y el codigo que tengo es :

BODY { background: url(archivos utilizados/degradado.png) repeat-x top left #ffffff;
background-attachment:fixed;
}

el problema como dije antes es que el degradado es pequeño y casi el 80% de la página se llena del color de fondo que tiene el body, lo otro es que esto se puede ver en IE pero en firefox se ve todo el fondo blanco, ojala me puedan ayudar porque no encuentro por ningun lado una solución.

gracias.

junarry · #9 (**permalink**) 19/03/2008, 09:54

que buena solucion....Facil y sencilla de practicar...me sirvio un resto
gracias