Enlaces visitados

[manguiti]

Buenas, parece un poco obvia la duda pero la verdad es que no consigo ponerlo como quisiera.... es bastante sencillo pero... no se, algo me falla y no caigo...

Para cambiar el estilo de un enlace visitado, por ejemplo, que cuando no haya sido visitado, aparezca en negrita y si se ha visto, no... sería algo asi no?

Código CSS:

.titulo_post:link{font-weight:bold;}
.titulo_post:active{font-weight:bold;}
.titulo_post:visited{font-weight:normal;}
.titulo_post:hover{text-decoration:underline;}
 

puede ser algo referente a la versión del navegador o al propio navegador? Habitualmente uso Chrome....

Gracias anticipadas y lo siento por la obviedad de la pregunta...

[DooBie]

En el enlace html pones ese estilo?

[emprear]

La pseudoclase :visited tiene limitada su funcionalidad en la mayoría de los navegadores por razones de seguridad, creo que actualmente solo opera te permite la personalización.

Aqui hay una página con multiples variantes para testear
http://webdesign.maratz.com/lab/visited_links_styling/

Saludos

[kseso?]

Siempre se recomendó mantener el orden en las declaraciones de las pseudoclases:
LoVe & Hate

Código CSS:

a:link {} /*es lo mismo a {} que a:link {} */
a:visited {} 
a:hover{}
a:active {}
 

Otra cuestión que no aclaró es si al pinchar un enlace el destino es otra página en la misma ventana u otra.
Si es en la misma ventana (carga otra página) y después retorna a la primera (la del enlace) a todos los efectos el enlace es no-visitado. Pues las pseudoclases son temporales.

[manguiti]

Gracias por los enlaces y la ayuda, pero no logro obtener el resultado esperado...

He deshabilitado todo las propiedades css referentes a los enlaces y puesto simplemente este código:

Código CSS:

a:link{ color: #3366cc;text-decoration:none; font-weight:bold;}
a:visited{ color: #666; font-weight:normal; }
a:hover{text-decoration:underline; color:#3366cc;}
a:active{}
 

Y lo toma todo correctamente menos el grosor de fuente, que siempre permanece negrita, ¿es curioso que el resto de propiedades si las interprete correctamente no?

[emprear]

Explayando más lo que te comenté antes

Actually, this has nothing to do with case sensitivity. This is a security feature. The functionality of :visited pseudoclass has been restricted in many modern browsers (Fx4, IE9, Chrome) to prevent CSS exploit: read about it ....

Detalles: http://hacks.mozilla.org/2010/03/pri...-css-vistited/

El unico navegador que te permite la modificación es Opera

SAludos

[manguiti]

Gracias por la aclaración emprear, no me había dado cuenta la primera vez....

Entonces, ¿Cómo hacen para resaltar los enlaces visitados frente a los no visitados?Como hacen aquí por ejemplo... ¿?

Gracias por todo.

[emprear]

Como hace donde?

Sigo, es cuestión de probar, aunque creo que FF, Chrome y Safari más que el color no te dejan cambiar

Con esto

Código CSS:

a:visited { color: cyan; background-color: black; font-weight: bold; font-size: 14pt;text-transform:uppercase;}
 

IE, también toma el color de fondo, Opera toma todos los cambios. Será cuestión de que pongas más propiedades a ver si te reconoce alguna otra

SAludos

[manguiti]

Buenas de nuevo, va a ser que no me estoy explicando bien.....


La única propiedad que quiero que cambie un enlace visitado es el grosor de la fuente, que pase de estar negrita a estar normal y, por lo que me dices y veo en los enlaces que me has pasado, han deshabilitado ciertas propiedades aplicables desde css para los enlaces visitados por motivos de seguridad... entre ellas, esa....

Entonces, mi duda es, cómo modifican los enlaces visitados (en forosdelweb.com) por ejemplo, para que cuando no se haya visto aparezca en negrita el enlace y cuando haya sido visitado el grosor de la fuente sea el normal....

Gracias por tu ayuda ;)

[emprear]

No me parece que foros del Web haga eso, fijate

• 1. cierro sesion
• 2. elimino la cache del navegador
• 3. Voy al indice FDW
• 4. Selecciono un foro (html/css/por ejemplo)
• 5. Todos los links a los diferentes posts aparecen con fuente normal
• 6. Visito algunos y regreso al indice de temas
• 7. Aún no me logueé, recarog la página...
• 8. los links a los temas siguen estando con fuente Normal
• 9. Conclusión 1, no usa a:visited -->bold
• 10, Vuelvo a repetir el paso de eliminar la cache
• 11. Me logueo...
• 12. Voy al indice de algun foro
• 13. Muchos links (en los cuales no tuve participación, y que jamás usé, ya aparecen en "negrita"
• 14. la mayoría en los que tuve participación, aparecen con fuente normal, pero no todos
• 15.conclusión 2, las negritas se crean de acuerdo a alguna condición del php/mySql

Está claro... las pruebas hechas con IE9

Saludos

[manguiti]

Claro, tiene que ser por estar haciendolo desde IE9, yo en Chrome, entro en fdw sin estar logeado y me aparecen todos los enlaces a los post en negrita, en el momento en que entro en uno, vuelvo hacia atras y aparece con la fuente normal....

Te paso una captura de la imagen:


Pero si que es verdad que en IE9 vienen "por defecto" en font weight: Normal


Saludos

[emprear]

Estás seguro que vaciaste la cache y que no estás logueado?
Primero porque en mi chrome sin loguearme se vé asi
http://foros.emprear.com/img_fdw/cr.jpg

Además en tu captura veo un icono azul a la izquierda, cuando indica que tenes participación en un tema, y si no estás logueado no debería aparecer
Finalmente revisé el css y no encontre ningún :visited que tenga bold

Saludos

[manguiti]

Pues sí, tienes razón, se ve igual tanto en IE9 como en Chrome sin estar logeado....

Entiendo entonces, descartando que se haga por db marcando qué post tiene actividad nueva para cada usuario... entiendo que se hace a través de la caché o cómo iría??

La verdad es estoy bastante pez en esto....

[emprear]

No, la cache no tiene nada que ver, de seguro esta hecho según alguna condición de php/mysql, o vaya a saber que.
Que se entienda, lo que se hace no es usar pseudoclases, es segun esa condición, agregar o no un style="font-weight:bold" a los links de los posts

Saludos