Ver Mensaje Individual
  #5 (permalink)  
Antiguo 25/05/2009, 22:15
Avatar de lucasphp
lucasphp
 
Fecha de Ingreso: mayo-2009
Ubicación: Misiones
Mensajes: 170
Antigüedad: 14 años, 11 meses
Puntos: 3
Respuesta: Tengo una duda inmensa :)

Cita:
Iniciado por PatomaS Ver Mensaje
Hola

La mecánica es sencilla, solo tienes que concatenar las imágenes una junto a la otra o una debajo de la otra, formando así una línea continua, luego posicionas la imagen donde quieres mediante sus coordenadas dentro de la tira que has creado.

Por ejemplo, supongamos que tienes 5 imágenes de 100px de ancho y 50 de alto, al combinarlas horizontálmente, tendrás una imagen de 500px de ancho y 50 de alto.

Cuando quieras usar la primera imagen en un sitio, solo tienes que posicionar la imagen en su punto 0 de alto y 0 desde la izquierda; si quieres usar la segunda imagen, la pones a 0 desde arriba y 100 desde la izquierda y así sucesivamente.

En internet puedes conseguir tutoriales y ejemplos. Haz búsquedas por css y sprite.

Sol orecuerda no generar una imagen demasiado grande o perderás el beneficio de usar una sola petición http.

Felicidad
Bien, muchas gracias! era eso lo que buscaba. gracias a los demás por responder también :)