Installer un curseur sur votre forum

[Xoumi]

Astuce: Installer un curseur sur votre forum:

Introduction:

Certains d'entre vous veulent personnaliser leur forum en changeant le curseur. Pour cela, il suffit de suivre les indications suivantes. Cette technique ne fonctionne pas sous Firefox.

1) Créer votre propre curseur ou posséder son image:

- Ouvrez votre image simple et de n'importe quel format sous Photofiltre :

Spoiler:

- Appliquez sur cette image quelques pixels qui serviront de curseur ainsi que la transparence :

Spoiler:

Pour la transparence, choisir la couleur de fond de votre curseur, ce qui vous donnera ceci au final :



Mais ce n'est pas fini ! Il faut maintenant convertir cette image au format .cur

> Pour cela il vous faut aller dans le menu "Outils" et cliquer sur "Exportation en icône".

- Ensuite choisir le nombre de couleurs.

Remarque : Plus il y aura de couleurs, plus la taille de l'image en Ko sera grande

- Enregistrez votre image au format .cur en écrivant .cur après votre nom de fichier (il n'y a pas d'autre moyen).

- Valider l'enregistrement.

Il vous faut maintenant héberger votre image en utilisant un hébergeur supportant le format .cur.

Remarque: Ceci étant, vous pouvez toutefois récupérer une image via Google (libre de droit), la coller sur votre logiciel graphique et l'enregitrer en .cur.

2) Hébergement de votre curseur:

Maintenant que votre curseur est héberger il vous faut l'installer sur votre forum.

- Un hébergeur de curseur en .cur ou .ani (exemple PatMax Hébergeur)

3) Installation du curseur:

Deux solutions se présentent à vous:

Installer le code dans:

• DESCRIPTION DU SITE (Panneau d'administration >> Général : Configuration >> Description du site).
  
• BALISES META: Dans les "Autres balises Méta" (Panneau d'administration >> Affichage >> Généralités >> Autres balises méta).
  
• MODULE DE BIENVENUE: (Panneau d'administration >> Affichage >> Généralités >> Message sur la page d'accueil).

Code:

<style><!--BODY{ cursor:url("http://monhebergeur.com/moncurseur.cur"); }--></style>

(remplacer http://monhebergeur.com/moncurseur.cur par l'adresse du curseur bien sur ^^)

Installer le code dans votre CSS:
(Panneau d'Administration >> Affichage >> Couleurs >> Feuille de Style CSS:

Code:

body {
cursor: url(" adresse de ton curseur au format .cur ou .ani ");
}

Tutoriel remis en forme suivant les sources de: PatMax - kloé - Wiegraf - Benjik59 et complété par Xoumi.