Foros del Web » Creando para Internet » CSS »

Rollover links color

Estas en el tema de Rollover links color en el foro de CSS en Foros del Web. Como hacer para que un link cambie de color, y además no ponga subrayado.- si me pueden pasar el codigo les agradezco gracias......
  #1 (permalink)  
Antiguo 21/11/2005, 06:49
 
Fecha de Ingreso: octubre-2005
Mensajes: 21
Antigüedad: 12 años, 1 mes
Puntos: 0
Rollover links color

Como hacer para que un link cambie de color, y además no ponga subrayado.-

si me pueden pasar el codigo les agradezco

gracias...
  #2 (permalink)  
Antiguo 21/11/2005, 08:02
 
Fecha de Ingreso: noviembre-2005
Mensajes: 21
Antigüedad: 12 años
Puntos: 0
Cita:
Iniciado por palilloman
Como hacer para que un link cambie de color, y además no ponga subrayado.-

si me pueden pasar el codigo les agradezco

gracias...
Suponoindo un link

<a href="#" class="pepe">Link</a>

CSS:

.pepe{
text-decoration:none;
color:#B5430D;
}

.pepe:hover{
text-decoration:none;
color:#000000;
}

Saludos!
  #3 (permalink)  
Antiguo 21/11/2005, 09:05
Avatar de baccxus  
Fecha de Ingreso: mayo-2005
Ubicación: Panama city, Panama, Panama
Mensajes: 870
Antigüedad: 12 años, 6 meses
Puntos: 17
Si son varios links por toda tu página:

Así no tendrías que ponerle clase uno por uno:

Esto es para toda la página:
Código:
a:link {/*cuando no esta en uso el link y lo que se hereda*/
text-decoration: none;
color: grey;
}
a:active {*/cuando haces click*/
color: red;
}
a:visited {*/cuando la página ha sido visitada*/
color: #CCCCCC;
text-decoration: overline;
}
a:hover {/*cuando está el mouse encima del link
color: white;
background-color: red;
}
y se aplica así:
Código HTML:
<a href="tulink.html>Aqui tu link</a> 
Ahora, si quieres que una parte de tu página tenga algo diferente puedes usarlo con clases o id así:
Código:
.clase a:link {/*cuando no esta en uso el link y lo que se hereda*/
text-decoration: none;
color: green;
}
.clase a:active {*/cuando haces click*/
color: blue;
}
.clase a:visited {*/cuando la página ha sido visitada*/
color: brown;
text-decoration: overline;
}
.clase a:hover {/*cuando está el mouse encima del link
color: white;
background-color: black;
}
__________________
Al final del día hablar es gratis, codificar no lo es
  #4 (permalink)  
Antiguo 21/11/2005, 10:08
 
Fecha de Ingreso: noviembre-2005
Mensajes: 21
Antigüedad: 12 años
Puntos: 0
Claro, la idea del caso que di yo es que a todos los links deberias colocarles la clase. Por como se esta trabajando ahora seria lo mas recomendado (el colocar clases y no referirse a una entidad como tal), pero todo depende de como tengas planeado hacer el sitio y de como estes acostumbrado a trabajar.
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 08:48.