background expandible?

Wdeah · #1 (**permalink**) 14/08/2006, 15:17

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.

AlZuwaga · #2 (**permalink**) 14/08/2006, 15:48

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.

Wdeah · #3 (**permalink**) 14/08/2006, 16:38

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/

Nigel · #4 (**permalink**) 14/08/2006, 18:28

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

AlZuwaga · #5 (**permalink**) 15/08/2006, 10:57

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)