Tema: imagenes png
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 29/02/2012, 10:16
Avatar de emprear
emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 4 meses
Puntos: 1567
Respuesta: imagenes png

Si mal no entiendo querés usar solo uno de los iconos sin tener que dividir la imagen en otras imágenes.
A eso se lo conoce como css sprites.
Primero tenés que determinar la ubicación de los iconos en la imagen principal, es decir las coordenadas respecto del borde superior y el borde izquierdo, luego en el css le das background-image al elemento y fijás la posición con background-position para que coincida el icono que queres mostrar
Imágina que el icono 1 esta ubicado en 10px 30px, entonces compensas con valores negativos

Código CSS:
Ver original
  1. div
  2. {
  3. width: 64px;
  4. height: 64px;
  5. background-image:url('icono.gif');
  6. background-position:-10px -30px;
  7. background-repeat: no-repeat;
  8. }


Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.

Última edición por emprear; 29/02/2012 a las 10:23