Foros del Web » Creando para Internet » CSS »

Degradado que debe estirarse???

Estas en el tema de Degradado que debe estirarse??? en el foro de CSS en Foros del Web. Antes de perderme en explicaciones os dejo una imagen de la web que tengo que maquetar para que os hagais una idea mucho mas clara. ...
  #1 (permalink)  
Antiguo 11/11/2010, 20:08
 
Fecha de Ingreso: octubre-2005
Mensajes: 27
Antigüedad: 18 años, 6 meses
Puntos: 0
Degradado que debe estirarse???

Antes de perderme en explicaciones os dejo una imagen de la web que tengo que maquetar para que os hagais una idea mucho mas clara. [URL="http://www.gomeznoguera.netai.net/ayuda/web.jpg"]ejemplo[/URL]

El problema está en que la zona "Unete al equipo" pude llevar mas o menos texto, esa es la parte que estira la pagina.

Como hago para maquetar (css) para que ese degradado que se ve en los bordes se estire??

No se si me he explicado muy bien. Imagino que con la imagen os hareis una idea mucho mas aproximada de lo que busco.

Un saludo a todos y gracias por adelantado.
  #2 (permalink)  
Antiguo 11/11/2010, 20:53
 
Fecha de Ingreso: noviembre-2009
Ubicación: Colombía
Mensajes: 311
Antigüedad: 14 años, 4 meses
Puntos: 17
Respuesta: Degradado que debe estirarse???

Es bastante SENCILLO.

Crea un DIV contenedor y crea el degradado que quieras.

Recorta el degradado en el alto preferible suyo y de ancho 1 px, luego haz un zoom con Photoshop o un editor de Imágenes, y coge el color final del Degradado es decir.. trata de coger el ultimo tono de color que cogas de la imagen y el css sería:

Cita:
#contenedor{background:url(images/fondo.png) repeat-x #000;}
El anterior código coloque la imagen que se repita en X y el color #000 es NEGRO recuerda cambiar por el ultimo color de su web.. en esto quedara el degradado perfecto.

----------------------

Mira este ejemplo de mi nombre a puro CSS la única imagen que contiene es el fondo y es un degradado, mira:

http://westdeveloping.net/Santiago/

y el Fondo es:

http://westdeveloping.net/Santiago/images/bg.png

y el ultimo color de la punta de abajo es el color que te digo que coloques.

Saludos!
  #3 (permalink)  
Antiguo 12/11/2010, 02:50
 
Fecha de Ingreso: octubre-2005
Mensajes: 27
Antigüedad: 18 años, 6 meses
Puntos: 0
Respuesta: Degradado que debe estirarse???

muchas gracias por tu rapidez prendekz. Lo mirare cuando llegue de trabajar. Espero que sea tan facil como dices. Un saludo.
  #4 (permalink)  
Antiguo 12/11/2010, 06:20
 
Fecha de Ingreso: octubre-2005
Mensajes: 27
Antigüedad: 18 años, 6 meses
Puntos: 0
Respuesta: Degradado que debe estirarse???

creo que se lo que me dices, el problema es que hay dos degradados.
Uno de gris a negro desde arriba hacia el centro y el otro tambien de gris a negro pero desde la parte inferior al centro.
En teoria la zona negra del degradado es la que tiene que estirarse cuando aumenta el texto.
  #5 (permalink)  
Antiguo 14/11/2010, 02:16
 
Fecha de Ingreso: octubre-2005
Mensajes: 27
Antigüedad: 18 años, 6 meses
Puntos: 0
Respuesta: Degradado que debe estirarse???

sigo necesitando de vuestra ayuda, no encuentro la solucion al problema.
  #6 (permalink)  
Antiguo 23/11/2010, 08:48
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 21 años, 5 meses
Puntos: 317
Respuesta: Degradado que debe estirarse???

Tal vez usando el buscador.

Hay varias formas de hacerlo, más o menos compatibles, más o menos fáciles. Te dejo unos enlaces.

http://es.strategist.org.uk/internet...imensionables/

http://dense13.com/blog/2008/08/31/m...ges-with-css2/

http://madhacking.es/2010/04/11-tecn...iles-con-css3/

Background degradado

como hacer un fondo ajustable?

Degradado PNG sobre imagen de fondo en IE

PNG transparente en IE sin height

Por supuesto, adentro hay más para que puedas seguir estudiando opciones.

Etiquetas: degradado
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 07:06.