Curseur de souris journalier ?

[Manu34]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://www.v2-honda.com/

Description du problème

Bonjour à tous et meilleurs vœux !

Sur mon forum de motards, j'utilise une ligne de CSS pour permettre
d'afficher mon propre curseur qui représente une petite moto.

Mon forum présentant plusieurs types de motos différentes,
j'alterne moi mêmes manuellement les différents curseurs que
j'ai fabriqué en modifiant l'url de la ligne CSS.

Y aurait-il un moyen s'il vous plait, pour automatiser cette tâche ?
Par exemple que mes curseurs s'alternent à chaque nouvelle connexion du membre.

Merci de votre aide.

[Toryudo]

Bonjour !

Je peux vous proposer ce petit script, à placer sur toutes les pages :

Code:

const liste_curseurs = [
  "https://sd-1.archive-host.com/membres/up/169648018067110725/VT500E_cursor.cur",
  "https://sd-1.archive-host.com/membres/up/169648018067110725/VT500E_cursor.cur",
  "https://sd-1.archive-host.com/membres/up/169648018067110725/VT500E_cursor.cur",
];

$(function(){
  var curseur = sessionStorage.getItem('cur');
  if (curseur == null){
    curseur = liste_curseurs[Math.floor(Math.random() * liste_curseurs.length)];
    sessionStorage.setItem('cur', curseur);
  }
  document.body.style.cursor = 'url(' + curseur + '), auto';
});

Vous pouvez ajouter/supprimer des liens dans la liste des curseurs, en commençant par " et en finissant par " et une virgule (comme dans mes 3 exemples).
Le script va choisir un curseur au hasard parmi la liste, et gardera ce curseur tout le long de la navigation de la personne qui parcours le forum.
Le curseur changera la prochaine fois que la personne reviendra sur le site (après fermeture de l'onglet de navigation ou fermeture/réouverture du navigateur) !

Tuto sur les scripts si besoin : https://forum.forumactif.com/t311791-gestion-des-codes-javascript

[Manu34]

Bonjour et merci beaucoup !

Cela marche parfaitement.

Seul détail maintenant, c'est que j'ai un curseur "main" à chaque fois que je pointe un lien.

Comment rendre le curseur moto permanent mais aussi comment remplacer la "main" au besoin ?

Merci encore.

[Toryudo]

Bonjour !

Je pense qu'en ajoutant ceci dans la feuille de CSS personnalisée, ça devrait être bon :

Code:

a:hover {
  cursor: inherit;
}

Peut-être pas partout, mais presque !
Et pour changer la main par autre chose, vous avez toute une liste de valeurs pour le cursor, vous pouvez voir les rendus ici par exemple (au survol de la souris sur les textes, à droite) : https://www.w3schools.com/cssref/tryit.php?filename=trycss_cursor

[Manu34]

Bonjour,

Alors oui, effectivement le curseur ne change plus au passage des liens grâce à cet ajout dans le CSS.
Merci.

Par contre je ne pige pas ou mettre quel code pour changer moi même les curseurs "main" et "flèche"
à partir de votre lien ?
(car possible que je revienne sur la question si mes curseurs moto ne sont pas
très pratiques à l'usage pour pointer les liens)

Merci beaucoup en tous cas !

[Toryudo]

Bonjour !

Alors, au choix :
- si vous voulez désactiver les liens personnalisés (les motos), il vous suffit de désactiver le script
- si vous voulez remettre en place les mains quand vous pointez sur un lien, il vous suffit de supprimer le petit morceau de CSS que je vous ai donné dans mon post précédent
- enfin, si vous voulez mettre un autre curseur en remplacement de la main quand vous pointez la souris sur un lien, il faudra remplacer le mot "inherit" dans le CSS que je vous ai fourni par une autre valeur (un peu comme ce que vous aviez à la base pour mettre les curseurs moto)

La liste des valeurs possibles est décrite dans le lien que je vous ai fourni : https://www.w3schools.com/cssref/tryit.php?filename=trycss_cursor
C'est juste une liste de valeurs possibles, il faut remplacer vous même dans le CSS par la valeur qui vous plait.

Par exemple, si à la place de "inherit", vous mettez "url(https://sd-1.archive-host.com/membres/up/169648018067110725/VT500E_cursor.cur),auto" dans votre CSS, alors les mains seront remplacées par l'image https://sd-1.archive-host.com/membres/up/169648018067110725/VT500E_cursor.cur quand vous pointerez la souris sur un lien.

Je ne sais pas si c'est 100% clair, mais vous pourrez redemander sur ce forum à chaque fois que vous aurez besoin de quelque chose !

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Manu34]

Oui pardon, j'étais jusqu'à maintenant en déplacement professionnel et
je ne pourrais essayer la dernière solution proposée que dès demain.
Merci de maintenir actif le sujet.

[Manu34]

Merci beaucoup Toryudo ! c'est parfait ! sujet résolu.