Link dinámico

yansarda · #1 (**permalink**) 09/01/2008, 15:21

Necesito saber cómo logro que un link de texto a otra pàgina cambie de color o subraye al pasar el mouse y no que permanezca siempre subrayado.

Imagino que debe ser una tontería, pero no puedo hacerlo.

Keysher · #2 (**permalink**) 09/01/2008, 15:23

No tiene que ver con PHP, eso se hace con hojas de estilo (CSS). Busca por su foro, o en internet algún ejemplo, es bastante simple.

GatorV · #3 (**permalink**) 09/01/2008, 15:36

Tema trasladado a CSS.

Por favor publica en los foros correctos.

safranero · #4 (**permalink**) 10/01/2008, 02:50

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.