Foros del Web » Creando para Internet » CSS »

Marcar link abierto del menu

Estas en el tema de Marcar link abierto del menu en el foro de CSS en Foros del Web. Hola todos: Tengo una web con un menu vertical a la izquierda que abre enlaces de la misma web. Quisiera que porfavor me ayudaran para ...
  #1 (permalink)  
Antiguo 13/12/2007, 20:11
 
Fecha de Ingreso: noviembre-2006
Mensajes: 3
Antigüedad: 11 años
Puntos: 0
Marcar link abierto del menu

Hola todos:

Tengo una web con un menu vertical a la izquierda que abre enlaces de la misma web.

Quisiera que porfavor me ayudaran para que cuando abro un enlace por ejemplo la seccion de descargas, se quede marcado con negrita "descargas" en el menu (estamos hablando abrir el enlace en la misma ventana, no en un pop-up).

He usado el buscador de foros del web pero no me han funcionado los ejemplos... o solo funcionan con Firefox, pero yo quiero que funcionen con Internet Explorer y Firefox.

eso del a:active como que no me funciona

Gracias
  #2 (permalink)  
Antiguo 13/12/2007, 22:24
Avatar de hey_alan  
Fecha de Ingreso: diciembre-2006
Ubicación: México
Mensajes: 348
Antigüedad: 11 años
Puntos: 8
Re: Marcar link abierto del menu

Yo tenía la misma duda:

http://www.forosdelweb.com/f4/links-...onales-510805/

En conclusión: Tienes que hacerlo manualmente (x_X), pero hay distintos modos.

Si tienes un include o algo con el menú, puedes agregar una clase a los enlaces en una lista; a esa clase le agregas el estilo que quieras que tengan los enlaces normalmente.

Ahora, tendrás que hacer uso de ID's (uno para el body y otro para el item de la lista):

Haz algo como esto:

Código:
#inicio xinicio a,
#nosotros xnosotros a,
#servicios xservicios a,
#contacto xcontacto a{
/*Estilo para links activos*/
}
Y en el body de las diferentes págines la agregas algo como <body id="inicio"> cuando sea la página de inicio, <body id="nosotros"> cuando se trate de la de nosotros, etcétera.

El código html quedaría algo así (en la página de inicio):
Código:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Cualquier título</title>
<link href="estilos.css" rel="stylesheet" type="text/css" />
</head>
<body id="inicio">
<h1>Cualquier cosa</h2>
<h2>Menú principal</h2>
<ul class="menu">
<li id="xinicio"><a href="#">Inicio</a></li>
<li id="xnosotros"><a href="#">Nosotros</a></li>
<li id="xservicios"><a href="#">Servicios</a></li>
<li id="xcontacto"><a href="#">contacto</a></li>
</ul>
</body>
</html>
Y el CSS:

Código:
.menu a{color:#333333; background:#CCCCCC;}

#inicio xinicio a,
#nosotros xnosotros a,
#servicios xservicios a,
#contacto xcontacto a{
color:#000000;
}
No lo he probado :P, pero ví algo así en algún tema.

Saludos ;)

PD: Ahora recuerdo :P, fue una idea de Webosiris, mejor checate este tema:

http://www.forosdelweb.com/f53/como-hace-active-442324/
__________________
Alan Marth Media

Diseño web y Publicidad en Morelia, Michoacán

Última edición por hey_alan; 14/12/2007 a las 11:50
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 19:06.