Avisos
Vaciar todo

Botones de estado

5 Respuestas
2 Usuarios
0 Reactions
234 Visitas
Respuestas: 137
Estimable Member
Topic starter
 

Hola de nuevo 😉

Tengo una web de cursos con distintos temas. Me gustaría que al lado de cada tema, apareciera un botoncito redondo. Esto es fácil.

Lo que además me gustaría es que fuese verde si se ha visitado el enlace del tema de al lado o en rojo en caso contrario. Así, cada usuario sabría qué temas ha visto ya.

Es posible?

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 05/11/2018 4:26 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Podrías indicar con una captura de pantalla en donde quieres que aparezca un botoncito redondo?

Con respecto a los enlaces visitados, tendrías primero que quitar el estilo en línea que tiene por defecto (ver imagen adjunta) de esa manera sería más fácil agregar CSS, básicamente sería:

Revisa el código de ejemplo:
https://www.w3schools.com/cssref/sel_visited.asp

(aunque el código tendría que se más específico para que No aplique a todos los enlaces de tu sitio)

Saludos.


 
Respondido : 05/11/2018 5:05 pm
Respuestas: 137
Estimable Member
Topic starter
 

Jhon,

La idea es esta. Un botón al lado de cada enlace en la página Contenido solo visible a usuarios registrados
verde si se ha visitado el enlace y rojo en caso contrario...


 
Respondido : 05/11/2018 6:29 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Prueba poner las dos imágenes cada una con una clase, lo ideal sería que esten superpuestas, luego se puede poner ocultar/mostrar la superior de acuerdo a :

a:visited

Para esto la imagen debe estar dentro del enlace.

Saludos.


 
Respondido : 05/11/2018 8:54 pm
Respuestas: 137
Estimable Member
Topic starter
 

Gracias por tu ayuda Jhon!

Podéis cerrar el tema cuando queráis.


 
Respondido : 07/11/2018 11:28 pm