Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   CSS (http://www.forosdelweb.com/f53/)
-   -   Fondo Degradado en Página (http://www.forosdelweb.com/f53/fondo-degradado-pagina-459657/)

jpogsistem 25/01/2007 21:23

Fondo Degradado en Página
 
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 26/01/2007 01:08

Re: Fondo Degradado en Página
 
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 26/01/2007 01:09

Re: Fondo Degradado en Página
 
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 :arriba:

caricatos 26/01/2007 01:11

Re: Fondo Degradado en Página
 
Hola webosiris... buen choque :golpeado:

Saludos :arriba:

Mikmoro 26/01/2007 01:47

Re: Fondo Degradado en Página
 
Caricatos: qué buena es aplicación, tío. Muy curiosa y útil. Un 10.

Mikel.

caricatos 26/01/2007 01:53

Re: Fondo Degradado en Página
 
Cita:

Iniciado por Mikmoro (Mensaje 1868677)
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 :aplauso: )

Saludos :arriba:

lowtrux 02/04/2007 11:16

Re: Fondo Degradado en Página
 
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 03/04/2007 04:10

Re: Fondo Degradado en Página
 
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 19/03/2008 09:54

Re: Fondo Degradado en Página
 
que buena solucion....Facil y sencilla de practicar...me sirvio un resto
gracias


La zona horaria es GMT -6. Ahora son las 06:44.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.