Créer un curseur personnalisé

 

 Première étape: Créer le curseur (fixe ou animé)

1 - Ouvrez un document de 32x32 pixels sur fond transparent

Attention: votre image doit impérativement avoir cette dimension, sinon l'image de votre curseur sera déformée!

2 - Avec l'outil "pinceau", de taille 1 pixel, dessinez la figure qui vous servira de curseur.

Ici, un joli petit ange (image agrandie à 600 %)

Pour télécharger le fichier au format .pspimage, cliquez --> ici

3 - Faites "Edition - Copier"

4 - Lancez le programme Jasc Animation Shop

Dans Animation Shop, faites "Edition - Coller comme nouvelle animation"

Enregistrez votre image au format ".ani"

N.B: Pour créer un curseur animé, on procéde de la même façon que pour créer un gif animé.
Il faut simplement enregistrer l'animation au format ".ani" au lieu du format ".gif"

Pour télécharger le curseur animé au format ".ani", cliquez --> ici

 

Deuxième étape: Insérer le curseur dans une page HTML

 Pour celà, il suffit d'insérer le code suivant entre les balises <head> et </head> de votre page

On peut également prévoir 2 images: l'une s'affichera par défaut partout sur la page,
l'autre ne s'affichera que lorsque la souris va survoler un lien actif.

Dans ce cas, la code à insérer entre les balises <head> et </head> est celui-ci:

 

Exemple: faites passer la souris sur cette phrase

 

Retour à la liste des tutoriels