Foros del Web » Creando para Internet » Diseño web »

Como hacer un archivo bg con todas las imagenes para la web

Estas en el tema de Como hacer un archivo bg con todas las imagenes para la web en el foro de Diseño web en Foros del Web. Hola a todos hoy vengo con una duda y es que ya he visto en varias web que las imagenes las tienen todas puestas en ...
  #1 (permalink)  
Antiguo 07/03/2013, 12:35
 
Fecha de Ingreso: enero-2013
Mensajes: 13
Antigüedad: 11 años, 9 meses
Puntos: 0
Como hacer un archivo bg con todas las imagenes para la web

Hola a todos hoy vengo con una duda y es que ya he visto en varias web que las imagenes las tienen todas puestas en un achivo llamado bg.png y asi la web carga mas rapido y ocupa menos espacio.
una de las dudas que tengo es como se hace eso de porner todas las imagenes en una sola hoja y lo que mas me preocupa es como hago luego para hacer que desde la web reconaozca una imagen concreta de la hoja,pues el archivo se llama bg,asi que si indico por ejemplo en la pagina html
<i class=" bg poab"> </i>
y poab vendria a ser una etiqueta que le quiero poner a una imagen encima,como sabe el codigo que poab es la etiqueta que quiero elegir? ,si digamos que la hoja donde estan todas las imagenes se llama bg,deberian de salir todas?y si sale la etiqueta que yo quiero como se consigue esto?
PD:esto lo e visto en una web y me gustaria hacerselo a la mia,pero nose como hacer el bg este con todas la imagenes y darle un nombre a cada imagen...
Nose si me explique bien si no es asi haganmelo saber
  #2 (permalink)  
Antiguo 07/03/2013, 13:04
Avatar de memoadian
Colaborador
 
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.696
Antigüedad: 15 años, 4 meses
Puntos: 641
Respuesta: Como hacer un archivo bg con todas las imagenes para la web

con la propiedad background position, así posicionas bg exactamente al icono que quieres.

además de que tu clase poab, cambiemosla por cerrar por ejemplo o close, debe medir exactamente el tamaño del icono que quieres.
  #3 (permalink)  
Antiguo 07/03/2013, 15:27
 
Fecha de Ingreso: enero-2013
Mensajes: 13
Antigüedad: 11 años, 9 meses
Puntos: 0
Respuesta: Como hacer un archivo bg con todas las imagenes para la web

Gracias memoadian por contestar tan pronto pero no te entendi, sabes de algun tutorial o algo para hacer esto?
veras te pasare un enlace donde e subido esta hoja con imagenes ,que no es mia ,pero que yo quiero hacer algo asi para mi web y claro con lo que me dices no lo entiendo por que lo primero que que nombre le doy a la imagen? asi esta dentro de una hoja con mas imagenes?
mira te pongo estoas dos imagenes y me dices....




y aqui te pongo la hoja con las imagenes


Última edición por ortileto39; 07/03/2013 a las 15:38
  #4 (permalink)  
Antiguo 07/03/2013, 17:11
Avatar de memoadian
Colaborador
 
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.696
Antigüedad: 15 años, 4 meses
Puntos: 641
Respuesta: Como hacer un archivo bg con todas las imagenes para la web

busca en google, usar sprites en css
  #5 (permalink)  
Antiguo 07/03/2013, 19:13
 
Fecha de Ingreso: enero-2013
Mensajes: 13
Antigüedad: 11 años, 9 meses
Puntos: 0
Respuesta: Como hacer un archivo bg con todas las imagenes para la web

ok voy a mirar y te cuento

Etiquetas: html, imagenes, todas
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 10:05.