Retroceder   Foros del Web > Diseño de Sitios web > CSS

Respuesta
 
Herramientas Desplegado
Antiguo 25-ene-2007, 20:23   #1 (permalink)
jpogsistem está en el buen camino
 
Avatar de jpogsistem
 
Fecha de Ingreso: noviembre-2002
Mensajes: 2.239
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.
__________________
EL LIMITE ES EL UNIVERSO

Última edición por jpogsistem; 25-ene-2007 a las 20:29.
jpogsistem está desconectado   Responder Citando
Antiguo 26-ene-2007, 00:08   #2 (permalink)
Moderador HTML y CSS
webosiris llegará a ser famoso muy prontowebosiris llegará a ser famoso muy prontowebosiris llegará a ser famoso muy prontowebosiris llegará a ser famoso muy prontowebosiris llegará a ser famoso muy pronto
 
Avatar de webosiris
 
Fecha de Ingreso: noviembre-2002
Ubicación: /home/montevideo
Mensajes: 5.965
Enviar un mensaje por MSN a webosiris Enviar un mensaje por Skype™ a webosiris
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
__________________
Oraculus.com. Sitios web artesanales para el siglo XXI

PSD a HTML. Tu diseño. Nuestro código.
webosiris está desconectado   Responder Citando
Antiguo 26-ene-2007, 00:09   #3 (permalink)
Moderador
caricatos llegará a ser famoso muy prontocaricatos llegará a ser famoso muy prontocaricatos llegará a ser famoso muy prontocaricatos llegará a ser famoso muy prontocaricatos llegará a ser famoso muy pronto
 
Avatar de caricatos
 
Fecha de Ingreso: noviembre-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 12.218
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
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
caricatos está desconectado   Responder Citando
Antiguo 26-ene-2007, 00:11   #4 (permalink)
Moderador
caricatos llegará a ser famoso muy prontocaricatos llegará a ser famoso muy prontocaricatos llegará a ser famoso muy prontocaricatos llegará a ser famoso muy prontocaricatos llegará a ser famoso muy pronto
 
Avatar de caricatos
 
Fecha de Ingreso: noviembre-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 12.218
Re: Fondo Degradado en Página

Hola webosiris... buen choque

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
caricatos está desconectado   Responder Citando
Antiguo 26-ene-2007, 00:47   #5 (permalink)
Colaborador
Mikmoro es realmente agradableMikmoro es realmente agradableMikmoro es realmente agradableMikmoro es realmente agradableMikmoro es realmente agradableMikmoro es realmente agradable
 
Avatar de Mikmoro
 
Fecha de Ingreso: octubre-2006
Ubicación: A tu espalda
Mensajes: 3.355
Re: Fondo Degradado en Página

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

Mikel.
Mikmoro esta en línea ahora   Responder Citando
Antiguo 26-ene-2007, 00:53   #6 (permalink)
Moderador
caricatos llegará a ser famoso muy prontocaricatos llegará a ser famoso muy prontocaricatos llegará a ser famoso muy prontocaricatos llegará a ser famoso muy prontocaricatos llegará a ser famoso muy pronto
 
Avatar de caricatos
 
Fecha de Ingreso: noviembre-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 12.218
Re: Fondo Degradado en Página

Cita:
Iniciado por Mikmoro Ver Mensaje
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
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
caricatos está desconectado   Responder Citando
Antiguo 02-abr-2007, 11:16   #7 (permalink)
lowtrux ha deshabilitado el karma
 
Fecha de Ingreso: junio-2005
Mensajes: 5
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 está desconectado   Responder Citando
Antiguo 03-abr-2007, 04:10   #8 (permalink)
lowtrux ha deshabilitado el karma
 
Fecha de Ingreso: junio-2005
Mensajes: 5
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.
lowtrux está desconectado   Responder Citando
Antiguo 19-mar-2008, 09:54   #9 (permalink)
junarry ha deshabilitado el karma
 
Avatar de junarry
 
Fecha de Ingreso: marzo-2007
Ubicación: colombia
Mensajes: 48
Re: Fondo Degradado en Página

que buena solucion....Facil y sencilla de practicar...me sirvio un resto
gracias
junarry está desconectado   Responder Citando
Respuesta
Calificación: Calificación de Tema: 1 votos, 4,00 de promedio.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 05:07.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93