Foros del Web » Creando para Internet » CSS »

Fondo con degradado

Estas en el tema de Fondo con degradado en el foro de CSS en Foros del Web. Hola a todos, necesito que alguien me eche una mano, estoy haciendo unos html y queria aplicarles un degrado de fondo, en la css en ...
  #1 (permalink)  
Antiguo 29/12/2008, 07:04
 
Fecha de Ingreso: agosto-2008
Mensajes: 29
Antigüedad: 15 años, 7 meses
Puntos: 0
Fondo con degradado

Hola a todos, necesito que alguien me eche una mano, estoy haciendo unos html y queria aplicarles un degrado de fondo, en la css en el body pongo esto:

body.degradado{
filter: progid:DXImageTransform.Microsoft.Gradient(endColo rstr='#606060', startColorstr='#000000', gradientType='0');
}

El problema es que esto es 100% Internet Explorer porque tira de la libreria DirectX de Microsoft, me gustaria conseguir el mismo efecto, se puede hacer mediante una imagen y mentiendole un repeat-x. Pero existe alguna otra forma de hacerlo, hay alguna manera tocando al alpha channel o algo asi??
  #2 (permalink)  
Antiguo 29/12/2008, 07:10
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.433
Antigüedad: 21 años, 9 meses
Puntos: 177
Respuesta: Fondo con degradado

porque no haces una imagen de 2px de ancho por Npx de alto con el degrsade que queres y a tu CSS le pones lo siguiente:

Cita:
body{
backgrounsd:#fff url(tu_imagen.jpg) repeat-x;
}
__________________
Desarrollos dosLotos
Calendario Maya, Meditación, Osho
  #3 (permalink)  
Antiguo 29/12/2008, 07:10
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 16 años
Puntos: 53
Respuesta: Fondo con degradado

Porqué no lo quieres hacer con una imagen que se repita en x??

Aresillo!!
__________________
Las dudas son el alimento de la inteligencia. A. Einstein
Everything we are is the end result of our thoughts. Sidhartta Gautama
  #4 (permalink)  
Antiguo 29/12/2008, 07:11
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.433
Antigüedad: 21 años, 9 meses
Puntos: 177
Respuesta: Fondo con degradado

terrible choque!!!!!!
__________________
Desarrollos dosLotos
Calendario Maya, Meditación, Osho
  #5 (permalink)  
Antiguo 29/12/2008, 07:11
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 16 años
Puntos: 53
Respuesta: Fondo con degradado

En el mismo minuto!!!
Si es que estamos sincronizados!

Aresillo!!
__________________
Las dudas son el alimento de la inteligencia. A. Einstein
Everything we are is the end result of our thoughts. Sidhartta Gautama
  #6 (permalink)  
Antiguo 29/12/2008, 07:11
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 16 años
Puntos: 53
Respuesta: Fondo con degradado

Doble choque!!!

Aresillo!!
__________________
Las dudas son el alimento de la inteligencia. A. Einstein
Everything we are is the end result of our thoughts. Sidhartta Gautama
  #7 (permalink)  
Antiguo 29/12/2008, 07:11
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.433
Antigüedad: 21 años, 9 meses
Puntos: 177
Respuesta: Fondo con degradado

jajajajaja no la podes creer!!! segundo choque!!!!!!!!
__________________
Desarrollos dosLotos
Calendario Maya, Meditación, Osho
  #8 (permalink)  
Antiguo 29/12/2008, 07:12
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.433
Antigüedad: 21 años, 9 meses
Puntos: 177
Respuesta: Fondo con degradado

juaaaaaaaaaaaaaaaaaaaaaaaaaaaa!!!!!!!!!!!!!!!!!
basta Aresillo no escribo mas!!!!!!!!
__________________
Desarrollos dosLotos
Calendario Maya, Meditación, Osho
  #9 (permalink)  
Antiguo 29/12/2008, 07:12
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 16 años
Puntos: 53
Respuesta: Fondo con degradado

Qué fuerte! Tres choques seguidos!!

Aresillo!!
__________________
Las dudas son el alimento de la inteligencia. A. Einstein
Everything we are is the end result of our thoughts. Sidhartta Gautama
  #10 (permalink)  
Antiguo 29/12/2008, 07:13
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 16 años
Puntos: 53
Respuesta: Fondo con degradado

Otra vez!!!

jajajajaj

Aresillo!!
__________________
Las dudas son el alimento de la inteligencia. A. Einstein
Everything we are is the end result of our thoughts. Sidhartta Gautama
  #11 (permalink)  
Antiguo 29/12/2008, 07:19
 
Fecha de Ingreso: agosto-2008
Mensajes: 29
Antigüedad: 15 años, 7 meses
Puntos: 0
Respuesta: Fondo con degradado

Pues porque si varia la resolucion del usuario y la imagen no es lo suficientemente larga, se queda a medias o no??
  #12 (permalink)  
Antiguo 29/12/2008, 07:24
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.433
Antigüedad: 21 años, 9 meses
Puntos: 177
Respuesta: Fondo con degradado

no para nada, supongamos que tu degrade va de rojo a azul. bien todo el fondo de tu pagina será azul y la img con degrade va por arriba, cuando esta img se corte lo que muestra de fondo es el mismo fondo de la pagina, por ende tu img empezará en rojo y terminará en azul al igual que tu fondo, me explicop o me enrosque???
__________________
Desarrollos dosLotos
Calendario Maya, Meditación, Osho
  #13 (permalink)  
Antiguo 29/12/2008, 07:30
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 16 años
Puntos: 53
Respuesta: Fondo con degradado

Por ejemplo, en esta web que hice para una competencia, hay un degradado como el que quieres en las cajas de la derecha.
Degrada de gris a blanco y el color de fondo por tanto será blanco.
Esta es la imagen que se repite en x


Este el código:
.caja {
background:#FFFFFF url(imagenes/fondocajalargo.jpg) repeat-x ;}

Y esta la web:
Mecánica F1

Un saludo!!


Aresillo!!
__________________
Las dudas son el alimento de la inteligencia. A. Einstein
Everything we are is the end result of our thoughts. Sidhartta Gautama
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 13:38.