Ver Mensaje Individual
  #4 (permalink)  
Antiguo 10/01/2008, 02:50
safranero
 
Fecha de Ingreso: enero-2007
Mensajes: 157
Antigüedad: 17 años, 3 meses
Puntos: 2
Re: Link dinámico

Hola yansarda,

La verdad es que si que es muy sencillo si tienes un poco de conocimiento en hojas de estilo.

Para esos efectos que estas pidiendo tú, existen las siguientes pseudo-clases.

hover, active, link, visited.

hover => Se utiliza para añadir un estilo a un elemento cuando el mouse esta sobre dicho elemento

active => Se utiliza este estilo cuando el elemento está activo.

link => Se añade estilo cuando el link esta inactivo (no visitado, como lo prefieras).

visited => Al contrario que el anterior.

Un ejemplo puede ser el siguiente:

Código HTML:
<html>
<head><title>HOla Mundo</title>
<style type="text/css">
a:link {color: #FF0000; text-decoration:none }     /* unvisited link */
a:visited {color: red; text-decoration: none;}  /* visited link */
a:hover {color: blue; font-weight:bold; font-size: 14pt; }   /* mouse over link */
a:active {color: yellow;}   /* selected link */
</style>
</head>

<body>
<a href="#">Hola mundo</a>
</body>
</html> 
En todos los enlaces de la página harían efecto los siguiente estilos, pruebalo y veras.

Por cierto hay una regla para estas pseudo-clases, se llama "Love Hate" y es un acronismo para el orden (LVHA) => (Link, Visited, Hover, Active).

Un saludo.