Foros del Web » Creando para Internet » CSS »

Comporamiento de Menu en CSS

Estas en el tema de Comporamiento de Menu en CSS en el foro de CSS en Foros del Web. Holas! Quiero crear un menu en CSS y me gustaria que cuando el usuario de click en una de las opciones la opcion cambie de ...
  #1 (permalink)  
Antiguo 22/03/2010, 10:47
 
Fecha de Ingreso: agosto-2008
Mensajes: 271
Antigüedad: 9 años, 4 meses
Puntos: 2
Comporamiento de Menu en CSS

Holas!

Quiero crear un menu en CSS y me gustaria que cuando el usuario
de click en una de las opciones la opcion cambie de color indicando que el se encuentra actualmente en esa opcion. Si el usuario da clic en otra opcion, entonces donde el estaba vuelve a la imagen original de las opciones y la siguiente toma la imagen que indica el lugar donde se encuentra actualmente.

Ejemplo:

http://www.tntla.com/ar/index.jsp

En la pagina de TNT cuando el usuario se encuentra en algunas de las opciones del menu, las letras se ponen amarillas al igual que cuando pone el puntero sobre una opcion. Si le das a ¨programacion¨ entonces ¨Home¨dejara de ser amarillo y ¨Programacion¨se pondra amarillo indicando que te encuentras en esa opcion actualmente.

Estos son los comportamientos que me se:
a:link
a:visited
a:hover
a:active

En caso de que lo que quiero hacer solo se pueda lograr con Javascript, pues si me das la mano te lo agradeceria, pero con solo saber que en CSS no se puede lograr, y es con javascript, seria de mucha ayuda.
  #2 (permalink)  
Antiguo 22/03/2010, 10:57
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Respuesta: Comporamiento de Menu en CSS

Hola Bigcrime

El menú que has puesto de ejemplo está hecho en flash. Para hacerlo con Css, echa un vistazo a este tema:

http://www.forosdelweb.com/f53/como-hace-active-442324/

Saludos,
  #3 (permalink)  
Antiguo 22/03/2010, 11:10
 
Fecha de Ingreso: agosto-2008
Mensajes: 271
Antigüedad: 9 años, 4 meses
Puntos: 2
Respuesta: Comporamiento de Menu en CSS

Entraste a TNT? Viste como las opciones del menu se quedan amarilla ?, indicandote que estas actualmente en ese espacio?

Fijate en la opcion Home, que el color es diferente(amarillo) a las demas opciones:

http://www.tntla.com/ar/index.jsp

Ahora Fijate en la Opcion Programacion, que ahora es quien esta amarillo:

http://www.tntla.com/ar/schedule/index.jsp

Eso es lo que quiero lograr, indicar en el lugar que se encuentra el usuario mediante las mismas opciones de mi menu.

Es posible con CSS? o debo utilizar JavaScript? no quiero usar ActionScript

GraX ^^.
  #4 (permalink)  
Antiguo 22/03/2010, 13:29
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 9.968
Antigüedad: 9 años, 8 meses
Puntos: 1314
Respuesta: Comporamiento de Menu en CSS

Y tu entraste al tema que te puso JavierB, ahí dice como hacerlo.

Saludos
__________________
Grupo Telegram Docker en Español
  #5 (permalink)  
Antiguo 22/03/2010, 14:05
 
Fecha de Ingreso: febrero-2008
Mensajes: 38
Antigüedad: 9 años, 10 meses
Puntos: 0
Respuesta: Comporamiento de Menu en CSS

Tan sencillo como añadir una clase adicional al menu de tal manera que cuando estoy en esa pagina el elemento sea distinto.

<ul>
<li>opcion uno</li>
<li>opcion dos</li>
<li class="actual>opcion tres</li>
cuando cargo la opcion dos pues cambio el class="actual" a la entrada dos

Tambien puedes llamar a cada elemento de una manera (pag1, pag2, pag3) y poner la class en el body o en un div que contenga el menu
<div class="pag1>
<ul>
<li>ddd</li>
<li>sss</li>
</ul>
  #6 (permalink)  
Antiguo 22/03/2010, 16:38
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Comporamiento de Menu en CSS

Hola:

La respuesta ya te la ha dado JavierB.

Saludos.

  #7 (permalink)  
Antiguo 22/03/2010, 16:45
 
Fecha de Ingreso: agosto-2008
Mensajes: 271
Antigüedad: 9 años, 4 meses
Puntos: 2
Respuesta: Comporamiento de Menu en CSS

Gracias a todos

Etiquetas: Ninguno
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:48.