Foros del Web » Creando para Internet » CSS »

Poner dos estilos de link (a:hover) en una pagina

Estas en el tema de Poner dos estilos de link (a:hover) en una pagina en el foro de CSS en Foros del Web. Hola, como sabran se puede definir el color de un link,para cuando es visitado, sin visitar y cuando pasas el mouse por encima (propiedad a:hover). ...
  #1 (permalink)  
Antiguo 16/12/2010, 17:56
Avatar de watcherweb  
Fecha de Ingreso: marzo-2009
Mensajes: 21
Antigüedad: 8 años, 8 meses
Puntos: 1
Poner dos estilos de link (a:hover) en una pagina

Hola, como sabran se puede definir el color de un link,para cuando es visitado, sin visitar y cuando pasas el mouse por encima (propiedad a:hover).

mi pregunta es, es posible definir dos o mas estilos de link para una seccion.

El codigo para definir el color es este, pero se le asigna a todos los links que pongas.

<style type="text/css">
}
a:visited {
text-decoration: none;
color: #666666;
}
a:hover {
text-decoration: none;
color: #0099CC;
}
</style>

Lo unico que he podido hacer es definir en el texto del link la fuente en un color diferente, pero no cambia el color al pasar el mouse ya que la define fija.

Espero explicarme y tengan alguna opcion.
Gracias
  #2 (permalink)  
Antiguo 17/12/2010, 07:38
 
Fecha de Ingreso: septiembre-2010
Mensajes: 525
Antigüedad: 7 años, 2 meses
Puntos: 59
Por ejemplo si tienes dos listas, se puede con class (<li class="lista1"><a>...</a></li> y <li class="lista2"><a>...</a></li>), en el CSS pones:
li.lista1 a:hover{...};, li.lista1 a:visited{...}; y li.lista2 a:hover{...};, li.lista2 a:visited{...};.

Saludos
__________________
01011111 01000001 01100100 01110010 01101001 01100001 01101110 01011111
  #3 (permalink)  
Antiguo 17/12/2010, 10:08
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
Tema movido desde Web general a CSS
  #4 (permalink)  
Antiguo 17/12/2010, 10:31
 
Fecha de Ingreso: diciembre-2010
Ubicación: en el fin del mundo
Mensajes: 199
Antigüedad: 7 años
Puntos: 3
Respuesta: Poner dos estilos de link (a:hover) en una pagina

Cita:
Lo unico que he podido hacer es definir en el texto del link la fuente en un color diferente, pero no cambia el color al pasar el mouse ya que la define fija.
elimina cualquier decoracion a los links, antes.

a {
text-decoration: none;
}

Ahora especifica donde tienes los links, si los teneis dentro de un div, entonces:

#div a:link {color:#FFFFFF;}
#div a:hover {color:#DDDDDD}
#div a:active { ------------ }
#div a:visited { ----------- }

Solo afectara a dichos links que estan dentro de dicho div.

Etiquetas: a:hover, enlace, link
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 02:29.