Vinculo que cambia de color al pasar el mouse

#1 (**permalink**) 16/10/2005, 10:27

Hola a todos. Busqué en FAQ y no encontré esta respuesta. Estoy intentando darle un efecto (se que es muy común) a los vínculos, quiero lograr que estos cambien de color cuando uno pasa el mouse por arriba.

Mis condiciones: Se poco de CSS y no se nada de programación.

Un abrazo y gracias de antemano

JavierB · #2 (**permalink**) 16/10/2005, 11:03

Hola BIOFOROS. Bienvenido al foro.

En las FAQs de este foro tienes algunos enlaces que te pueden ayudar:

http://www.forosdelweb.com/showthrea...362#post352001

Saludos,

#3 (**permalink**) 16/10/2005, 11:13

En primer lugar gracias por la bienvenida, eres muy amable. Por otro lado, no encontré allí esto que estoy buscando ya lo revisé.

Un abrazo

leoj90 · #4 (**permalink**) 16/10/2005, 11:27

A:link {
text-decoration: none;
color: #C0C0C0;
}
A:visited {
text-decoration: none;
color: #C0C0C0;
}
A:hover {
text-decoration: none;
color: #FA5C00;
}

#5 (**permalink**) 16/10/2005, 11:40

Una preguntilla mas

¿el código lo incerto dentro de las etiquetas <body> y </body>, como único requisito, o debo incertar a cada vínculo

pensando:

leoj90 · #6 (**permalink**) 16/10/2005, 11:51

Creas un archivo .css (estilos.css -por ejemplo) y pones esto:
A:link {
text-decoration: none;
color: #C0C0C0;
}
A:visited {
text-decoration: none;
color: #C0C0C0;
}
A:hover {
text-decoration: none;
color: #FA5C00;
}

Despues en tu pagina html (o php...) pones esto entre HEAD y /HEAD:
<LINK REL="stylesheet" TYPE="text/css" HREF="estilos.css">

#7 (**permalink**) 16/10/2005, 12:12

Estemmm. Mirá yo tabajo con el Dreamweaver, y resulta que cuando creo un estilo nuevo me aparece una ventana donde solo tengo opciones para elegir, pero no tengo un lugar donde pegar la etiqueta que vos me mostras. SEPAN DISCULPAR LA IGNORANCIA.

. Si hay algún tutorial que me explique como crear un estilo donde pueda editar la etiqueta les agradecería.

Un abrazo

JavierB · #8 (**permalink**) 16/10/2005, 12:26

Hola de nuevo.

Para hacerlo con Dreamweaver echa un vistazo a este mensaje:

http://www.forosdelweb.com/showpost....6&postcount=11

En tu caso tienes que marcar Usar selector CSS y en el recuador Selector buscar a:hover

Cuando pulses aceptar te saldrá una nueva ventana donde podrás escoger varias características, como por ejemplo el color.

Saludos,

#9 (**permalink**) 16/10/2005, 12:37

Hasta allí he llegado sin problemas. Me crea un a:hover sin problemas. Pero
¿donde van a parar esos estilos y como los uso?

Perdon por ser tan molesto

#10 (**permalink**) 16/10/2005, 12:42

Hamm ya encontre donde estan los estilos
voy a revisar un rato. Mil gracias che.

#11 (**permalink**) 16/10/2005, 12:54

Me quedo así:

<link href="estilo_css/Estilocssparrafo.css" rel="stylesheet" type="text/css">
<link href="estilo_css/vinculos.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" herf="vinculos.css">

Pero no funciona. Donde estará el error?

leoj90 · #12 (**permalink**) 16/10/2005, 13:36

Todos deben seguir la misma secuencia y tienes faltas de "ortografia"
<link rel="stylesheet" type="text/css" href="vinculos.css">

REL, TYPE, HREF...

#13 (**permalink**) 16/10/2005, 14:51

Gracias ya funcionan de marabilla.

iconogt · #14 (**permalink**) 16/10/2005, 17:27

Y que tal si lo reducimos a esto

Código:

a:link, a:visited {
text-decoration: none;
color: #000000;
}

a:hover, a:active{
text-decoration: underline;
color: #000000;
}

Bueno... aunque creo que eso depende del formato que le querramos aplicar a nuestros links

Slds,