Foros del Web » Creando para Internet » CSS »

Menu sprites con etiquetas

Estas en el tema de Menu sprites con etiquetas en el foro de CSS en Foros del Web. Buenas noches compañeros, hace mucho tiempo que no ando por estos lados, estoy bastante atrasado con las nuevas tendencias para el diseño web, cuando yo ...
  #1 (permalink)  
Antiguo 16/08/2012, 21:56
mlchius
Invitado
 
Mensajes: n/a
Puntos:
Menu sprites con etiquetas

Buenas noches compañeros, hace mucho tiempo que no ando por estos lados, estoy bastante atrasado con las nuevas tendencias para el diseño web, cuando yo me recibi de webmaster aprendi con dreamweaber y tablas, la verdad me cuesta salir de esa estructura, pero estuve intentando aprender un poco sobre el uso de divs, jquery, css... si bien pude repuntar un poco es muy dificil estar al dia.

Bueno no quiero irme del tema, la cuestion es que estoy aprendiendo a realizar menues con css mediate el uso de SPRITES para asi tener todo en una sola imagen, la cuestion es que yo hice para mi propia web un menu el cual uso iconos y no los nombres respectivamente para cada opcion, por ejemplo. para home uso una casa, para diseño web uso una computadora, para reparacion es una herramienta..

La cuestion es que se que asi es poco entendible para alguien con poca agilidad en el uso de internet, y tendria que picar en cada item para ver a donde lo lleva.

yo pense entonces en que al pasar el puntero sobre la imagen aparezca un mensaje abajo aclarando de que se trata. pero no he conseguido nada de nada todas los menues que e visto con sprites usan los nombres de cada item.

alguien tiene alguna idea ?

el menu de referencia que utilizo lo saque desde este [URL="http://www.cristalab.com/tutoriales/menu-css-con-imagenes-precargadas-css-sprites-c65689l/"]enlace [/URL]
  #2 (permalink)  
Antiguo 16/08/2012, 22:20
Avatar de flashmax  
Fecha de Ingreso: julio-2012
Ubicación: Bs.As. Argentina
Mensajes: 507
Antigüedad: 7 años, 6 meses
Puntos: 86
Respuesta: Menu sprites con etiquetas

No se si es lo que buscas
ejemplo:
[CODE<a href="index.html" title="pagina de inicio"><img src="images/home.png" width="64" height="64"/></a>[/CODE]
  #3 (permalink)  
Antiguo 16/08/2012, 23:02
 
Fecha de Ingreso: diciembre-2008
Ubicación: PERU
Mensajes: 293
Antigüedad: 11 años, 2 meses
Puntos: 23
Respuesta: Menu sprites con etiquetas

primero pasa por este tuto:
http://davidwalsh.name/css-sprites

Luego intenta entender este:
http://webdesignandsuch.com/css-spri...e-replacement/

Espero que te sirva de ayuda para poder crear tus propios sprites css.
Mira por experiencia lo primero que tienes q saber es la dimension (ancho, largo) de tu imagen.. y luego los sectores que seran activos (la parte css hover), el truco de los sprites es jugar con las dimensiones de la imagen general. Para eso te recomiendo una herramienta tipo regla para que hagas mediciones internas de los sectores de tu imagen.

Solo intenta seguir esos tutos .

Última edición por yuo2; 16/08/2012 a las 23:08

Etiquetas: divs, etiquetas, imagenes, sprites
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 18:03.