Mettre un curseur sur son forum Facile

Mettre un curseur sur son forum

Comment mettre un curseur sur son forum


- Mettre un curseur sur son forum
(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 :mrgreen: .

- 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 :D .

  • 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 :D .

- Phase 3 : rendre le curseur visible
  • Pour mettre un seul curseur
Ouvrez theme>common.css
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
Ouvrez theme>common.css
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

Avatar de l’utilisateur
Kewee
Graphiste
Graphiste
 
Rédigé le: 10 Fév 2014 à 08:50
Articles: 15
Noter cet article: 123456 Votants: Aucun
Mots-clés: [Prosilver], Mettre, un, curseur, sur, son, forum

Retourner vers Styles


cron