Foros del Web » Creando para Internet » CSS »

background expandible?

Estas en el tema de background expandible? en el foro de CSS en Foros del Web. hola, hace bastante que tengo una duda de sobre como hacer que una imagen de fondo expanda el centro digamos, nada mejor que una imagen ...
  #1 (permalink)  
Antiguo 14/08/2006, 16:17
Avatar de Wdeah  
Fecha de Ingreso: julio-2005
Ubicación: Argentina
Mensajes: 109
Antigüedad: 12 años, 4 meses
Puntos: 0
background expandible?

hola, hace bastante que tengo una duda de sobre como hacer que una imagen de fondo expanda el centro digamos, nada mejor que una imagen para entender.
la dejo aca abajo, y si no se entiende veo como hago para expresarme mejor.
saludos.
  #2 (permalink)  
Antiguo 14/08/2006, 16:48
Avatar de AlZuwaga
Colaborador
 
Fecha de Ingreso: febrero-2001
Ubicación: 34.517 S, 58.500 O
Mensajes: 14.550
Antigüedad: 16 años, 9 meses
Puntos: 535
Sólo una imagen no podés utilizar. Pueden ser 2 o 3, pero nunca una que "estire" sólo su parte central.
El cómo hacerlo generalmente depende de a qué se lo vas a plicar.

Decí para qué lo utilizarías (o qué elementos html querés decorar) y de allí partimos.
__________________
...___...
  #3 (permalink)  
Antiguo 14/08/2006, 17:38
Avatar de Wdeah  
Fecha de Ingreso: julio-2005
Ubicación: Argentina
Mensajes: 109
Antigüedad: 12 años, 4 meses
Puntos: 0
si se puede!!
mira aca hay un ejemplo, pero no explica como hacerlo, solamente muestra lo que esta hecho.
voy a ver si lo examino y veo..
url: http://www.fiftyfoureleven.com/sandb...ountaintops-1/
  #4 (permalink)  
Antiguo 14/08/2006, 19:28
 
Fecha de Ingreso: agosto-2006
Ubicación: Madrid
Mensajes: 95
Antigüedad: 11 años, 4 meses
Puntos: 0
No realiza una autentica expansión, sino que utiliza el "exagerado" ancho de la imagen para hacer ver que se expande. Mientras el elemento <li> muestra la parte izquierda de la imagen, el <span> muestra la derecha. Es un truco visual muy usado por ejemplo para crear bloques redondeados expandibles.

Y si alguien pregunta cómo lo hace para cambiar el color... fijaos que el interior de la imágen es transparente, así que no hay más que asignar un color de fondo al elemento
  #5 (permalink)  
Antiguo 15/08/2006, 11:57
Avatar de AlZuwaga
Colaborador
 
Fecha de Ingreso: febrero-2001
Ubicación: 34.517 S, 58.500 O
Mensajes: 14.550
Antigüedad: 16 años, 9 meses
Puntos: 535
Ok, es cierto, es una sola imágen. Pero como Nigel comenta nunca "estira" nada. Simplemente la "posiciona" donde la necesita.

Cita:
Y si alguien pregunta cómo lo hace para cambiar el color... fijaos que el interior de la imágen es transparente, así que no hay más que asignar un color de fondo al elemento
Es cierto, yo hubiese usado 2 imágenes de colores distinos :)
En realidad, hubiese usado 4. El costado izquierdo hasta donde pierde la curvatura y otra con la parte recta más larga de lo necesario incluyendo la curva derecha (y eso * dos colores diferentes, totalizando las 4 imágenes)
__________________
...___...
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 08:02.