Ver Mensaje Individual
  #12 (permalink)  
Antiguo 29/07/2013, 12:42
Avatar de arcanisgk122
arcanisgk122
 
Fecha de Ingreso: junio-2010
Mensajes: 755
Antigüedad: 13 años, 11 meses
Puntos: 28
Respuesta: Lindo onmouseover que hace que se subraye el link

al parecer no te as tomado el tiempo ni siquiera de leer las observaciones que te deje en mi post aterior...

Recapitulamos:

Cuando tienes múltiples link si haces esto:

Código CSS:
Ver original
  1. <style  type="text/css">
  2. a:link {text-decoration:none; color:#silver;}
  3. a:hover {text-decoration:underline; color:#silver;}
  4. a:visited {text-decoration:underline; color:#silver;}
  5. a:focus {text-decoration:underline; color:#silver;}
  6. </style>

Todos los link que estan en tu web heredan el efecto.

por consiguiente es mejor asignarlo por clases:

Código CSS:
Ver original
  1. .link{
  2.     text-decoration:none;
  3.     display: inline-block;
  4. }
  5. .link:hover{
  6.     color:#900;
  7.     font-weight:bold;
  8.     text-decoration:underline;  
  9.     }

si entiendes un poco de CSS

#link // abarca todos los Objetos con ID link (los ID no deberían repetirse)
.link // Abarca Todos los Objetos Con Class link (las class si pueden repetirse)
.link:hover // efecto se activa en los objetos por donde pases el mouse y tenga la class link.

de esta manera evitar el uso de CSS global
a:hover

queda en tus manos aplicar el efecto que quieres. Ejemplo:

Código CSS:
Ver original
  1. <style  type="text/css">
  2. .link {text-decoration:none; color:#silver;}
  3. .link:hover {text-decoration:underline; color:#silver;}
  4. .link:visited {text-decoration:underline; color:#silver;}
  5. .link:focus {text-decoration:underline; color:#silver;}
  6. </style>
__________________
Cooler Master Gladiator 600 - AMD PHENOM II X4 955 @ 3.5GHZ
GA-MA78GM-US2H - Super Talent 800 2GB x 2 Dual, (Unganged)
PSU Cooler Master eXtreme Power Plus 500W - Saphire R7-260OC-2GB