(valide IE6-7-8, Firefox, Chrome... Opéra inactif et Safari non testé)
Comme j'ai vu la question revenir plusieurs fois, je me suis penchée sur le sujet... puisque c'est inutile, c'est forcément in-dis-pen-sable .
- Phase 1 : trouver ou fabriquer son ou ses curseurs
Première question à se poser; désirez-vous un ou plusieurs curseurs ? Car nous pouvons nous permettre d'en mettre 2 ; un pour la navigation générale et un qui change au survol de liens. L'installation n'est pas plus complexe, alors faites-vous plaisir .
- Comment trouver un curseur : il y en a plein de gratuits à travers le web ; seule condition lors de votre choix, le curseur doit avoir une extension en *.cur ou *.ani
- Comment faire un curseur : il y a des logiciels gratuits ou à essais de 30 jours pour faire vos curseurs sur mesures. Enregistrez-le en *.cur ou en *.ani (liste de logiciels)
- Phase 2 : le ou les placer dans le bon dossier
Prenez votre curseur et nommez-le "curseur.cur". Placez-le dans theme>images.
Si vous en avez créé deux, nommez le second "curseur-liens.cur" et placez-le dans theme>images aussi .
- Phase 3 : rendre le curseur visible
- Pour mettre un seul curseur
Cherchez
- Code: Tout sélectionner
html { font-size: 100%; /* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */ height: 101%; }
et remplacez par
- Code: Tout sélectionner
html { font-size: 100%; /* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */ height: 101%; cursor: url("{T_THEME_PATH}/images/curseur.cur"), default; }
afin que les liens aient le même curseur, juste avant, ajoutez
- Code: Tout sélectionner
a { cursor: url("{T_THEME_PATH}/images/curseur.cur"), default; }
- Pour mettre deux curseurs
Cherchez
- Code: Tout sélectionner
html { font-size: 100%; /* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */ height: 101%; }
et remplacez par
- Code: Tout sélectionner
html { font-size: 100%; /* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */ height: 101%; cursor: url("{T_THEME_PATH}/images/curseur.cur"), default; }
afin que les liens aient un autre curseur, juste avant, ajoutez
- Code: Tout sélectionner
a { cursor: url("{T_THEME_PATH}/images/curseur-liens.cur"), default; }
et hop, on rafraîchit le theme par le panneau d'admin et vous avez un joli curseur tout beau qui apparait sur votre forum... classe, hein ?
Exemple en live ici : Démo curseurs