Efecto “actual” con CSS
21 Mayo 2009¡Hola a todos!
Hoy os presento un efecto muy útil en la creación de menús para páginas web, el ejemplo que os presento es una representación muy sencilla, la cual deberíamos adaptar a la situación que se nos presente en nuestro trabajo. Dependiendo del apartado que visitemos en una página web la sección del menú estaría coleada de un color u otro.
Por un lado tenemos el código HTML :
<ul>
<li>Primero</li>
<li>Segundo</li>
<li>Tercero</li>
</ul>
Como podemos ver, dentro de este menú existe la clase actual, que será una de las claves para que podamos llevar a cabo, el código CSS es el siguiente:
Li
{
color:#ff00ff;
}
.actual {
color:#0000ff;
}
La lista normalmente tiene un color rosa, sin embargo en la clase actual tiene un color azul que la distingue de las demás.
Espero que lo pongáis en práctica.
¡Un saludo!
Juncal
