Foros del Web » Creando para Internet » CSS »

Links con diferentes estilos... mouseover

Estas en el tema de Links con diferentes estilos... mouseover en el foro de CSS en Foros del Web. Hola chicos: Necesito un enlace sin subrayado que cambie de color al pasar el ratón. Hasta aquí bien, buscando en el foro he encontrado esto ...
  #1 (permalink)  
Antiguo 01/09/2004, 06:18
Avatar de chedas  
Fecha de Ingreso: noviembre-2002
Ubicación: Alicante
Mensajes: 347
Antigüedad: 21 años, 5 meses
Puntos: 1
Links con diferentes estilos... mouseover

Hola chicos:

Necesito un enlace sin subrayado que cambie de color al pasar el ratón. Hasta aquí bien, buscando en el foro he encontrado esto y me funciona perfectamente:

<style type="text/css">
a:hover{font-family: Arial; color: #ffffff}
</style>

y aplicando style="text-decoration:none" en cada tag a href.

El asunto es que necesito que unos links determinados cambien el color de negro a blanco, y otros de gris a azul, o sea, definir dos estilos diferentes para los enlaces.

Y todo esto siendo novata Por favor, necesito algún alma caritativa que me eche una mano
  #2 (permalink)  
Antiguo 01/09/2004, 06:28
 
Fecha de Ingreso: marzo-2004
Mensajes: 77
Antigüedad: 20 años, 1 mes
Puntos: 0
Hola, crea un archivo externo css algo como myarchivo.css y dentro de el pon esto:
En la opcion color pon el color que desees
Cuando declares los links pon en class el nombre de la clase que desea usar, en este caso algo asi:

<a href="www.tusitio.com" class="class1">
<a href="www.tusitio2.com" class="class2">


a.class1:link{
color: #006600;
font-weight:bold
text-decoration: none;

}

a.class1:visited{
color: #000000;
text-decoration: none;
font-weight:bold
}

a.class1:hover{
color: #FF6600;
font-weight:bold
text-decoration: none;

}
a.class1:active{
color: #006600;
text-decoration: none;
}

a.class2{
color: #111111;
text-decoration: none;
}

a.class2:link{
color: #006600;
text-decoration: none;
}

a.class2:visited{
color: #006600;
text-decoration: none;
}

a.class2:hover{
color: #FF6600;
text-decoration: none;
font-weight:bold
}
a.class2:active{
color: #006600;
text-decoration: none;
}
  #3 (permalink)  
Antiguo 01/09/2004, 06:30
 
Fecha de Ingreso: marzo-2004
Mensajes: 77
Antigüedad: 20 años, 1 mes
Puntos: 0
AH! no te olvides de poner en tu pagina el enlace al archivo css se lo hace asi:

<LINK REL="stylesheet" href="/admin/myarchivo.css" type="text/css">

donde href="/admin/myarchivo.css" es el camino donde se encuentra el archivo
  #4 (permalink)  
Antiguo 01/09/2004, 06:35
Avatar de chedas  
Fecha de Ingreso: noviembre-2002
Ubicación: Alicante
Mensajes: 347
Antigüedad: 21 años, 5 meses
Puntos: 1
Muchas gracias por tu rapidez al contestar... Lo intentaré...
  #5 (permalink)  
Antiguo 01/09/2004, 09:05
Avatar de chedas  
Fecha de Ingreso: noviembre-2002
Ubicación: Alicante
Mensajes: 347
Antigüedad: 21 años, 5 meses
Puntos: 1
Genial, sencillamente genial !!Funciona¡¡
Gracias otra vez Gymanual...
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:44.