Foros del Web » Creando para Internet » CSS »

ayuda con los links

Estas en el tema de ayuda con los links en el foro de CSS en Foros del Web. tengo una lista y a su vez esta con links, quiero ponerles un color cuando no sean visitados y quiero poner otro cuando sean visitados, ...
  #1 (permalink)  
Antiguo 12/07/2010, 22:02
 
Fecha de Ingreso: septiembre-2009
Mensajes: 8
Antigüedad: 8 años, 2 meses
Puntos: 0
ayuda con los links

tengo una lista y a su vez esta con links, quiero ponerles un color cuando no sean visitados y quiero poner otro cuando sean visitados, pero cuando se este visitando ese link que se mantenga ese color de visitado, y cuando visite otro link se ponga del color no visitado.

creo que no se entiende muy bien pero hay va un ejemplor

aqui sin ninguna visita

a
b
c
d


aqui visitado el sitio d

a
b
c

d


aqui visito el sitio a y como ven el color de d cambio o rojo
a

b
c
d


como lo puedo hacer y mantener el color de visita hasta que cambien a otro link

Última edición por groct; 12/07/2010 a las 22:11
  #2 (permalink)  
Antiguo 12/07/2010, 22:11
 
Fecha de Ingreso: enero-2008
Ubicación: Mexico, D.F.
Mensajes: 4
Antigüedad: 9 años, 11 meses
Puntos: 0
Respuesta: ayuda con los links

a:link {color:#FF0000;} /* unvisited link */
a:visited {color:#00FF00;} /* visited link */
a:hover {color:#FF00FF;} /* mouse over link */
a:active {color:#0000FF;} /* selected link */
  #3 (permalink)  
Antiguo 12/07/2010, 22:16
 
Fecha de Ingreso: septiembre-2009
Mensajes: 8
Antigüedad: 8 años, 2 meses
Puntos: 0
Respuesta: ayuda con los links

Cita:
Iniciado por ramirors Ver Mensaje
a:link {color:#FF0000;} /* unvisited link */
a:visited {color:#00FF00;} /* visited link */
a:hover {color:#FF00FF;} /* mouse over link */
a:active {color:#0000FF;} /* selected link */
me puedes explicar no entiendo
  #4 (permalink)  
Antiguo 12/07/2010, 23:08
Avatar de richicasas  
Fecha de Ingreso: abril-2007
Ubicación: Colombia
Mensajes: 692
Antigüedad: 10 años, 8 meses
Puntos: 13
De acuerdo Respuesta: ayuda con los links

Código PHP:
a:link {
      
color:#FF0000;
// Se usa para los links normal

a:visited {color:#00FF00;} //Cuando el link ya fue visitado se usa este estilo


// Cuando el mouse se coloca encima del link se aplica este estilo
a:hover {color:#FF00FF;} 


a:active {color:#0000FF;} //Cuando el link es en el que te encuentras actualmente

Se utiliza asi:

<
a href="http://www.google.com">Link</a
Sin embargo, tu idea no se usaria a:visited sino a:active, ya que lo que quieres es mostrar de un color diferente el link en el cual te encuentras.
En pocas palabras:
Código PHP:
aa:linka:visited{
/*
Aqui pones el codigo css para el link en rojo
*/

}

a:active{
/*
Aqui pones el codigo css para mostrar en color verde el link actual
*/

Espero hayas comprendido y te sirva.

Saludos.
__________________
Juguetes Sexuales
  #5 (permalink)  
Antiguo 13/07/2010, 11:58
 
Fecha de Ingreso: septiembre-2009
Mensajes: 8
Antigüedad: 8 años, 2 meses
Puntos: 0
Respuesta: ayuda con los links

Gracias richicasas, pero tengo una duda solo funciona en IE pero en firefox no cambia por que ???
  #6 (permalink)  
Antiguo 13/07/2010, 15:19
 
Fecha de Ingreso: noviembre-2009
Ubicación: Barcelona
Mensajes: 214
Antigüedad: 8 años
Puntos: 6
Respuesta: ayuda con los links

groct deberias postear el codigo para ver si lo hiciste bien.

el link debe ser <a href="la url aqui" target="opcional">texto aqui</a>

y el code CSS debe ser:

Código CSS:
Ver original
  1. a:link {
  2. color:#HEXADE
  3. }
  4. a:hover {
  5. color:#HEXADE
  6. }
  7. a:visited {
  8. color:#HEXADE
  9. }
  10. a:active {
  11. color:#HEXADE
  12. }

Etiquetas: links
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 22:44.