Foros del Web » Creando para Internet » CSS »

Vinculo que cambia de color al pasar el mouse

Estas en el tema de Vinculo que cambia de color al pasar el mouse en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 16/10/2005, 11:27
BIOFOROS
Invitado
 
Mensajes: n/a
Puntos:
Sonrisa Vinculo que cambia de color al pasar el mouse

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

Última edición por tunait; 16/10/2005 a las 13:02
  #2 (permalink)  
Antiguo 16/10/2005, 12:03
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
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)  
Antiguo 16/10/2005, 12:13
BIOFOROS
Invitado
 
Mensajes: n/a
Puntos:
Pregunta Gracias Javier

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

Última edición por KarlanKas; 16/10/2005 a las 15:31
  #4 (permalink)  
Antiguo 16/10/2005, 12:27
Avatar de leoj90
Usuario baneado!
 
Fecha de Ingreso: agosto-2005
Mensajes: 1.365
Antigüedad: 12 años, 4 meses
Puntos: 0
A:link {
text-decoration: none;
color: #C0C0C0;
}
A:visited {
text-decoration: none;
color: #C0C0C0;
}
A:hover {
text-decoration: none;
color: #FA5C00;
}
  #5 (permalink)  
Antiguo 16/10/2005, 12:40
BIOFOROS
Invitado
 
Mensajes: n/a
Puntos:
De acuerdo Gracias amigo...



Una preguntilla mas

¿el código lo incerto dentro de las etiquetas <body> y </body>, como único requisito, o debo incertar a cada vínculopensando:
  #6 (permalink)  
Antiguo 16/10/2005, 12:51
Avatar de leoj90
Usuario baneado!
 
Fecha de Ingreso: agosto-2005
Mensajes: 1.365
Antigüedad: 12 años, 4 meses
Puntos: 0
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)  
Antiguo 16/10/2005, 13:12
BIOFOROS
Invitado
 
Mensajes: n/a
Puntos:
Sonrisa Ups

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
  #8 (permalink)  
Antiguo 16/10/2005, 13:26
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
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)  
Antiguo 16/10/2005, 13:37
BIOFOROS
Invitado
 
Mensajes: n/a
Puntos:
Sonrisa Gracias Javier

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)  
Antiguo 16/10/2005, 13:42
BIOFOROS
Invitado
 
Mensajes: n/a
Puntos:
Hamm ya encontre donde estan los estilos
voy a revisar un rato. Mil gracias che.
  #11 (permalink)  
Antiguo 16/10/2005, 13:54
BIOFOROS
Invitado
 
Mensajes: n/a
Puntos:
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?
  #12 (permalink)  
Antiguo 16/10/2005, 14:36
Avatar de leoj90
Usuario baneado!
 
Fecha de Ingreso: agosto-2005
Mensajes: 1.365
Antigüedad: 12 años, 4 meses
Puntos: 0
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)  
Antiguo 16/10/2005, 15:51
BIOFOROS
Invitado
 
Mensajes: n/a
Puntos:
Gracias ya funcionan de marabilla.
  #14 (permalink)  
Antiguo 16/10/2005, 18:27
Avatar de iconogt  
Fecha de Ingreso: septiembre-2004
Ubicación: Guatemala
Mensajes: 573
Antigüedad: 13 años, 3 meses
Puntos: 4
Sonrisa Hola a todos,

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,
__________________
_______
Jorge Rojas.
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:41.