Foros del Web » Creando para Internet » CSS »

etiqueta link visitado

Estas en el tema de etiqueta link visitado en el foro de CSS en Foros del Web. hola buenos dias alguien me podria decir como crear un codigo en css que me deje poner el color que desee al momento de visitar ...
  #1 (permalink)  
Antiguo 16/12/2009, 10:49
 
Fecha de Ingreso: noviembre-2009
Mensajes: 44
Antigüedad: 14 años, 4 meses
Puntos: 0
Pregunta etiqueta link visitado

hola buenos dias

alguien me podria decir como crear un codigo en css que me deje poner el color que desee al momento de visitar un link, ejemplo:

link no visitado
link visitado

me gustaria poner los dos de un solo color "como por ejemplo verde".
gracias por su tiempo
  #2 (permalink)  
Antiguo 16/12/2009, 11:05
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 15 años, 7 meses
Puntos: 20
Respuesta: etiqueta link visitado

Como con los atributos id o class no es posible aplicar diferentes estilos a un mismo elemento en función de su estado, CSS introduce un nuevo concepto llamado pseudo-clases. En concreto, CSS define las siguientes cuatro pseudo-clases:

* :link, aplica estilos a los enlaces que apuntan a páginas o recursos que aún no han sido visitados por el usuario.
* :visited, aplica estilos a los enlaces que apuntan a recursos que han sido visitados anteriormente por el usuario. El historial de enlaces visitados se borra automáticamente cada cierto tiempo y el usuario también puede borrarlo manualmente.
* :hover, aplica estilos al enlace sobre el que el usuario ha posicionado el puntero del ratón.
* :active, aplica estilos al enlace que está pinchando el usuario. Los estilos sólo se aplican desde que el usuario pincha el botón del ratón hasta que lo suelta, por lo que suelen ser unas pocas décimas de segundo.

Lo he sacado de aqui http://www.librosweb.es/css/capitulo7.html

Si no te aclaras consulta.

Saludos¡¡
__________________
Revisa las FAQ's antes de disparar.
  #3 (permalink)  
Antiguo 16/12/2009, 16:48
 
Fecha de Ingreso: noviembre-2009
Mensajes: 846
Antigüedad: 14 años, 4 meses
Puntos: 34
Respuesta: etiqueta link visitado

Mi codigo HTML:
Código HTML:
Ver original
  1. <a href="index.html" id="link"> ENLACE </a>

Codigo CSS:
Código CSS:
Ver original
  1. #link:link {color: red}
  2. #link:visited {color:green}
  3. #link:active {color:white}
  4. #link:hover {color:black}
Por orden:

Si es un enlace NO visitado: se vera rojo.
Si es un enlace YA visitado: se vera en verde.
Mientras se pulse: el texto sera negro.
Cuando pasas el cursor por encima: el texto sera blanco (mientras este el raton encima).

Última edición por mariomon17; 16/12/2009 a las 16:49 Razón: Error de orden al escribir...
  #4 (permalink)  
Antiguo 16/12/2009, 17:04
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 15 años, 7 meses
Puntos: 20
Respuesta: etiqueta link visitado

Cita:
Iniciado por mariomon17 Ver Mensaje
Mi codigo HTML:
Código HTML:
Ver original
  1. <a href="index.html" id="link"> ENLACE </a>

Codigo CSS:
Código CSS:
Ver original
  1. #link:link {color: red}
  2. #link:visited {color:green}
  3. #link:active {color:white}
  4. #link:hover {color:black}
Por orden:

Si es un enlace NO visitado: se vera rojo.
Si es un enlace YA visitado: se vera en verde.
Mientras se pulse: el texto sera negro.
Cuando pasas el cursor por encima: el texto sera blanco (mientras este el raton encima).
No uses ID, ya que estos son únicos, y por tanto no lo podras repetir, usa clases.
Código HTML:
<a href="index.html" class="link"> ENLACE </a> 
Y el css correcto es
Código CSS:
Ver original
  1. .link a {color: red}
  2. .link a:visited {color:green}
  3. .link a:active {color:white}
  4. .link a:hover {color:black}

Y por cierto, usa notación hexadecimal para declarar los colores, que hay navegadores muy caprichoso.

Saludos¡¡
__________________
Revisa las FAQ's antes de disparar.
  #5 (permalink)  
Antiguo 16/12/2009, 17:21
 
Fecha de Ingreso: noviembre-2009
Mensajes: 846
Antigüedad: 14 años, 4 meses
Puntos: 34
Respuesta: etiqueta link visitado

Gracias, ahora me surgen unas dudas a mi.
¿Que es eso de que los ID's son unicos?
En el code CSS ¿se podria poner el selector sin "a"?, es decir:
Código CSS:
Ver original
  1. .link:visited {}
------------------------
Si, ojala los navegadores cumplieran los standares...

Un saludo,

Última edición por mariomon17; 16/12/2009 a las 17:22 Razón: Upss, mala expresión...
  #6 (permalink)  
Antiguo 16/12/2009, 17:52
Avatar de Willy_N  
Fecha de Ingreso: diciembre-2009
Ubicación: Cádiz
Mensajes: 334
Antigüedad: 14 años, 3 meses
Puntos: 18
Respuesta: etiqueta link visitado

Puedes ponerlo así:
Código:
a {color: red}
a:visited {color:green}
a:active {color:white}
a:hover {color:black}
Y tus enlaces tendrán este formato
Código:
<a href="ejemplo.html">ejemplo>/a>
Así no tendrás que poner ningún class a tus enlaces.
Y por supuesto no tienes que usar todos estos pseudoclasses, usa solo los que te interesan, como en tu caso el a y el a:visited. A mi me gusta también usar el a:hover ya que de esta manera puedes resaltar los enlaces cuando el usuario pasa su puntero por encima. Yo a mi a:hover le añado el text-decoration:underline.
Uso algo como
Código:
a {color: #00000; text-decoration:none;}
a:hover {text-decoration:underline;}
a:visited {color:#CCCCCC;}
Dáte cuenta de que el color no hace falta añadirlo al a:hover ya que usael color que ya está definido en el a. A no ser que quieres usar un color distinto para tu a:hover.

Y si quieres poner algún enlace con distintos colores que los de arriba entonces le pondrás un class a esos enlaces que quieres distintos.

Pero lo normal es el código que te he puesto. Aunque lo correcto sería que pongas los colores con sus códigos hexadecimales, como por ejemplo #FFFFFF en vez de white.

Lo de que los id's son únicos quiere decir que un id se puede usar una vez por página, si quieres usar algo más de una vez por página tendrás que usar class en vez de id. Pero como ya he dicho, no hace falta poner id o class a tus urls.
  #7 (permalink)  
Antiguo 17/12/2009, 09:05
 
Fecha de Ingreso: noviembre-2009
Mensajes: 846
Antigüedad: 14 años, 4 meses
Puntos: 34
Respuesta: etiqueta link visitado

Gracias.....,
  #8 (permalink)  
Antiguo 17/12/2009, 13:36
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 21 años, 8 meses
Puntos: 361
Respuesta: etiqueta link visitado

Hola:

¿Y esto es correcto?

Cita:
Iniciado por mariomon17 Ver Mensaje
#link:link {color: red}
Me refiero a darle un nombre a un id o class usando una palabra reservada, ¿no sería mejor esto?

Código:
.enlace:link {color:ff0000;}
Saludos.

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:19.