Foros del Web » Creando para Internet » CSS »

Link dinámico

Estas en el tema de Link dinámico en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 09/01/2008, 15:21
 
Fecha de Ingreso: enero-2008
Mensajes: 1
Antigüedad: 9 años, 11 meses
Puntos: 0
Link dinámico

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.
  #2 (permalink)  
Antiguo 09/01/2008, 15:23
 
Fecha de Ingreso: noviembre-2002
Mensajes: 1.341
Antigüedad: 15 años, 1 mes
Puntos: 17
Re: Link dinámico

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.
  #3 (permalink)  
Antiguo 09/01/2008, 15:36
Avatar de GatorV
$this->role('moderador');
 
Fecha de Ingreso: mayo-2006
Ubicación: /home/ams/
Mensajes: 38.567
Antigüedad: 11 años, 6 meses
Puntos: 2122
Re: Link dinámico

Tema trasladado a CSS.

Por favor publica en los foros correctos.
  #4 (permalink)  
Antiguo 10/01/2008, 02:50
 
Fecha de Ingreso: enero-2007
Mensajes: 157
Antigüedad: 10 años, 10 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.
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 18:36.