Foros del Web » Creando para Internet » CSS »

Fondo de pagina con degradado

Estas en el tema de Fondo de pagina con degradado en el foro de CSS en Foros del Web. Hola a todos Necesito hacer un que el background de mi pagina sea un degradado (como este ejemplo http://macosx.com/tech-support/safar...ins/14077.html ) Se que tengo que tener ...
  #1 (permalink)  
Antiguo 29/10/2006, 12:40
 
Fecha de Ingreso: diciembre-2005
Ubicación: Barcelona
Mensajes: 1.428
Antigüedad: 18 años, 3 meses
Puntos: 15
Fondo de pagina con degradado

Hola a todos
Necesito hacer un que el background de mi pagina sea un degradado (como este ejemplo http://macosx.com/tech-support/safar...ins/14077.html )
Se que tengo que tener un par de imagenes pequeñas y luego se hace con CSS pero no puedo encontrar ningun ejemplo.

alguna idea

gracias
  #2 (permalink)  
Antiguo 29/10/2006, 13:20
Avatar de mbavio  
Fecha de Ingreso: agosto-2005
Mensajes: 288
Antigüedad: 18 años, 7 meses
Puntos: 4
Hola. Lo que tienes que hacer es crear una imagen con tu editor de imagenes favorito, de la altura que quieres que sea el degradado y 1px de ancho. Suponemos que lo grabas como "imagen.png" y que el degradado es desde negro a #ccc. Luego, desde tu hoja de estilos agregas la siguiente regla:

body{
background: #ccc url("imagen.png") repeat-x;
}


Explicacion:

a) el color #ccc lo pones para que no se corte la imagen de fondo de repente.
b) con repeat-x logras el efecto deseado, que la imagen se repita a lo ancho de la pantalla.

Espero que te haya servido. Saludos!
  #3 (permalink)  
Antiguo 29/10/2006, 13:21
Avatar de kazafun  
Fecha de Ingreso: diciembre-2003
Ubicación: Elda
Mensajes: 843
Antigüedad: 20 años, 3 meses
Puntos: 13
Necesitas una imagen finita y alargada en vertical, se tratara de una imagen con el degradado que luego repetiremos escribiendo lo siguiente:

background: url(images/tuimagen.png) repeat-x;

El fondo de la web tendra un color que coincide con el final del degradado para que no se note donde acaba la imagen.
Se consigue con:

background-color: #(color correspondiente y sin parentesis)
__________________
MUERTE a Internet Explorer


Mi portfolio de diseño web en Elda
  #4 (permalink)  
Antiguo 29/10/2006, 16:56
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Hola:

Tal vez te ayude esta página: Gradientes (php + librerías GD)

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #5 (permalink)  
Antiguo 30/10/2006, 11:55
 
Fecha de Ingreso: diciembre-2005
Ubicación: Barcelona
Mensajes: 1.428
Antigüedad: 18 años, 3 meses
Puntos: 15
gracias ya lo tengo
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 17:46.