Foros del Web » Creando para Internet » HTML »

SOLUCIONADO: Mostrar una imagen en un png con varias imagenes seguidas

Estas en el tema de SOLUCIONADO: Mostrar una imagen en un png con varias imagenes seguidas en el foro de HTML en Foros del Web. Wenas bueno, he visto que muchas paginas web usan un archivo de imagen en el que tienen todas las imagenes juntas, p.ejemplo, este boton de ...
  #1 (permalink)  
Antiguo 01/03/2010, 09:05
Avatar de Dani_1270  
Fecha de Ingreso: noviembre-2009
Ubicación: España
Mensajes: 51
Antigüedad: 14 años, 4 meses
Puntos: 1
Pregunta SOLUCIONADO: Mostrar una imagen en un png con varias imagenes seguidas

Wenas

bueno, he visto que muchas paginas web usan un archivo de imagen en el que tienen todas las imagenes juntas, p.ejemplo, este boton de tuenti:



y me gustaria hacer esto tambien en mi pagina web para que en vez de tener un archivo para cada boton distinto, esten todos juntos en un solo archivo de imagen.

¿Alguien me puede ayudar?

Última edición por Dani_1270; 01/03/2010 a las 16:43
  #2 (permalink)  
Antiguo 01/03/2010, 12:06
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.433
Antigüedad: 21 años, 9 meses
Puntos: 177
Respuesta: Mostrar una imagen en un png con varias imagenes seguidas

http://alexsancho.name/archives/2006...genes-con-css/

http://www.csslab.cl/2005/11/22/rapi...overs-con-css/

http://tutorialblog.org/image-mapping-with-css/

__________________
Desarrollos dosLotos
Calendario Maya, Meditación, Osho
  #3 (permalink)  
Antiguo 01/03/2010, 16:42
Avatar de Dani_1270  
Fecha de Ingreso: noviembre-2009
Ubicación: España
Mensajes: 51
Antigüedad: 14 años, 4 meses
Puntos: 1
Sonrisa Respuesta: Mostrar una imagen en un png con varias imagenes seguidas

Cita:
Iniciado por DragonX Ver Mensaje
[url]http://alexsancho.name/archives/2006/06/rollover-de-imagenes-con-css/[/url]

[url]http://www.csslab.cl/2005/11/22/rapidos-rollovers-con-css/[/url]

[url]http://tutorialblog.org/image-mapping-with-css/[/url]

muchisimas gracias, gracias a tu ayuda al final lo hice asi

Código:
...

input.button:hover { 
	background-position: 0 -24px; 
}
input.button:active { 
	background-position: 0 -48px; 
}
GRACIAS DE NUEVO
  #4 (permalink)  
Antiguo 01/03/2010, 16:43
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.433
Antigüedad: 21 años, 9 meses
Puntos: 177
Respuesta: SOLUCIONADO: Mostrar una imagen en un png con varias imagenes seguidas

muy bien!
__________________
Desarrollos dosLotos
Calendario Maya, Meditación, Osho

Etiquetas: imagenes, png, solucionado
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 14:19.