Foros del Web » Creando para Internet » CSS »

menu

Estas en el tema de menu en el foro de CSS en Foros del Web. Hola amigos, tengo una duda, como podria hace un menu tal como este? http://www.ascendis.co.uk yo tengo una capa, con un png que seria la botonera, ...
  #1 (permalink)  
Antiguo 06/06/2006, 05:27
 
Fecha de Ingreso: abril-2005
Mensajes: 169
Antigüedad: 12 años, 8 meses
Puntos: 0
menu

Hola amigos, tengo una duda, como podria hace un menu tal como este?

http://www.ascendis.co.uk


yo tengo una capa, con un png que seria la botonera, pero no se como ponerle los estados para cuando esten en over cambie de color el fondo y la letra..............

muchas gracias


G.
__________________
http://www.gnarvaez.com
  #2 (permalink)  
Antiguo 06/06/2006, 07:07
Avatar de vites  
Fecha de Ingreso: agosto-2005
Ubicación: Lugar en el que esta ubicado algo
Mensajes: 58
Antigüedad: 12 años, 3 meses
Puntos: 0
primero, la propiedad es "hover" no "over", no vaya a ser que te estés equivocando en eso.

y segundo, lo que tienes en png es el fondo del menú o todo el menú :?
  #3 (permalink)  
Antiguo 06/06/2006, 07:52
 
Fecha de Ingreso: abril-2005
Mensajes: 169
Antigüedad: 12 años, 8 meses
Puntos: 0
Hola vites, el menu es todo un png, no tengo puesto nada aun de over ...

gracias por responder...


G.
__________________
http://www.gnarvaez.com
  #4 (permalink)  
Antiguo 07/06/2006, 05:39
Avatar de vites  
Fecha de Ingreso: agosto-2005
Ubicación: Lugar en el que esta ubicado algo
Mensajes: 58
Antigüedad: 12 años, 3 meses
Puntos: 0
yo en tu caso recortaria la imagen y aria una imagen por cada elemento del menu, que pondria en el background de cada elemento (imagen_desactivada1*), y una "version" de como quieres que se vea en el momento en el que pase el raton por encima (imagen_activada1*) y lo aria de la siguiente manera, que ademas es como esta en la página que tienes de referecia

Código HTML:
<ul id="menu">
	<li><a href="" title="" class="enlace1">enalce 1</a><li>
	<li><a href="" title="" class="enlace2">enalce 2</a><li>
	<li><a href="" title="" class="enlace3">enalce 3</a><li>
	<li><a href="" title="" class="enlace4">enalce 4</a><li>
	<li><a href="" title="" class="enlace5">enalce 5</a><li>
<ul> 
Código HTML:
#menu a{
	display: block;
	text-indent: -6000px;
}
.enlace1:link,
.enlace1:visited{
	backgroun: #fff url(imagen_desactivada1*) no-repeat left top;
	color: #000;
}
.enlace1:hover,
.enlace1.active{
	backgroun: #fff url(imagen_activada1*) no-repeat left top;
	color: #000;
}
(y continuando con cada enlace)

si no entiendes algo, o no te funciona quizas seria mejor que pusieras la imagen que estas utilizando
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 23:04.