Ver Mensaje Individual
  #1 (permalink)  
Antiguo 15/10/2012, 04:30
sandrat
 
Fecha de Ingreso: noviembre-2010
Ubicación: Alicante
Mensajes: 8
Antigüedad: 13 años, 5 meses
Puntos: 0
Sonrisa Menú Vertical Desplegable CSS - Link Visitada

Hola Amigos:

Estoy trabajando con un menú vertical desplegable. Me he basado en ejemplos dados por varias personas del foro (gracias) y llegué a uno que me encanta.

Funciona a la perfección, pero ahora.... (así somos las mujeres: inconformistas), quiero que las links visitadas cambien de color mientras se esté visitando la página y no encuentro la forma de hacerlo.

Sobre este mismo ejemplo que pego, por favor, me diríais dónde, DONDE, dónde y cómo pongo el "visited" bendito para que funcione el invento?

Mil gracias
Sandra


Este es el código del menú:

/*------comienza mi menú vertical desplegable izquierdo--------*/

* { margin: 0px;
padding: 0px;
outline: 0;
}
#menu
{
text-align: left;
text-indent: 15px;
width: 196px;
margin: 0px;

}
#menu ul
{
list-style-type: none;
}
#menu ul li.nivel1
{
width: 196px;
}
#menu ul li.primera
{
border-top: solid 1px #FFF;
}
#menu ul li a
{
display: block;
text-decoration: none;
color: #333;
background:url(images/checked.png) no-repeat left;
background-color: #f8ddeb;
border: solid 1px #fff;
border-top: none;
padding: 8px;
position: relative;
}
#menu ul li:hover
{
position: relative;
background-color: #A3D1FF;
color: #000;
}
#menu ul li a:hover, #menu ul li:hover a.nivel1
{
background-color: #d2edfd;
position: relative;
background:url(images/checked.png) no-repeat left #d2edfd; color:#333;background-position:5px 5px;
}
#menu ul li a.nivel1 {
display: block!important;
display: none;
position: relative;
}
#menu ul li ul {display: none;
}
#menu ul li a:hover ul, #menu ul li:hover ul
{
display: block;
position: absolute;
left: 196px;
top:-1px!important;
top: -31px;
}
#menu ul li ul li a
{
width: 196px;
background-color: #d2edfd;
color: #333;
}
#menu ul li ul li a:hover
{
position: relative;
background-color: #A3D1FF;
color: #333;
}
table.falsa {border-collapse:collapse;
border:0px;
float: left;
position: relative;
}

/*--------termino mi menú vertical desplegable izquierdo-----