Foros del Web » Creando para Internet » CSS »

¿Cómo crear color de fondo desvanecido?

Estas en el tema de ¿Cómo crear color de fondo desvanecido? en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 23/02/2007, 11:50
 
Fecha de Ingreso: diciembre-2006
Ubicación: Tunja
Mensajes: 177
Antigüedad: 11 años
Puntos: 2
¿Cómo crear color de fondo desvanecido?

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.
  #2 (permalink)  
Antiguo 23/02/2007, 12:49
 
Fecha de Ingreso: febrero-2007
Mensajes: 53
Antigüedad: 10 años, 9 meses
Puntos: 1
Re: ¿Cómo crear color de fondo desvanecido?

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!
  #3 (permalink)  
Antiguo 24/02/2007, 10:55
 
Fecha de Ingreso: diciembre-2006
Ubicación: Tunja
Mensajes: 177
Antigüedad: 11 años
Puntos: 2
Re: ¿Cómo crear color de fondo desvanecido?

Hombre Gracias, pero no veo el resultado si me puede pasar esa imagen para ver
el resultado le agradecerìa.
  #4 (permalink)  
Antiguo 24/02/2007, 11:13
Avatar de Nefertiter  
Fecha de Ingreso: enero-2003
Ubicación: Rosario
Mensajes: 1.316
Antigüedad: 14 años, 11 meses
Puntos: 8
Re: ¿Cómo crear color de fondo desvanecido?

no tienes q verlo, tienes que probarlo.. esta bastante iben explicado
  #5 (permalink)  
Antiguo 24/02/2007, 11:50
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: ¿Cómo crear color de fondo desvanecido?

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.
  #6 (permalink)  
Antiguo 24/02/2007, 12:08
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.544
Antigüedad: 15 años, 8 meses
Puntos: 1262
Re: ¿Cómo crear color de fondo desvanecido?

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
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #7 (permalink)  
Antiguo 25/02/2007, 18:34
 
Fecha de Ingreso: febrero-2007
Mensajes: 46
Antigüedad: 10 años, 9 meses
Puntos: 0
Re: ¿Cómo crear color de fondo desvanecido?

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.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:55.