Téléchargez le fichier ZIP (311 Ko) des 468 curseurs en cliquant sur l'icône.
| CURSEURS |
Outils pour webmaster. Trucs et astuces en code HTML et JavaScript : améliorer son
site internet
Images gratuites gif, gif animés, jpg, bmp, photos,
icônes, fonds d'écran, musiques, curseurs :
choisissez ceux qui agrémenteront vos pages.
468 curseurs fixes ou animés
Vous êtes fatigués de voir toujours les
mêmes curseurs sur votre écran, vous pensez que vos visiteurs aussi.
Téléchargez le fichier ZIP (311 Ko)
des 468 curseurs en cliquant sur l'icône.
Pour changer vos curseurs cliquez sur Démarrer - Paramètres - Panneau de configuration. Double-cliquez sur Souris. Aller dans l'onglet Pointeur. Cliquez sur la tâche du curseur dont vous voulez changer l'icône. Cliquez sur Parcourir. Recherchez le dossier où vous avez installé les pointeurs téléchargés ; de préférence dans le dossier c:\windows\cursors\. Double-cliquez sur le curseur de votre choix. Lorsque vous aurez changé les curseurs désirés, cliquez sur Enregistrer sous... et donnez un nom à votre agencement.
Avec le CD d'origine de Windows, vous pouvez installer des thèmes. Cliquez sur Démarrer - Ajout-Suppression de programmes. Cliquez sur l'onglet Installation de Windows et cocher la case Accessoires puis Pointeurs de souris. Suivre la suite des opérations. Dans le même onglet vous pouvez aussi installer des thèmes qui vous permettront de changer tout l'environnement Windows.
Dans une page HTML
Sous Windows, vous pouvez changer le curseur sur un lien en ajoutant
à la ligne de votre lien style="cursor:default".
default doit être changé par les noms ci-dessous.
Entre les deux balises <body>
et </body>
| <a href="votre_lien.htm" style="cursor:default">N'importe quel lien</a> |
| Aide | help | Test | ||
| Sablier | wait | Test | ||
| Texte | text | Test | ||
| Précision | crosshair | Test | ||
| Déplacement | move | Test | ||
| Flèche vers la gauche | w-resize | Test | ||
| Flèche vers la droite | e-resize | Test | ||
| Flèche vers le haut | n-resize | Test | ||
| Flèche vers le bas | s-resize | Test | ||
| Flèche diagonale haut gauche | nw-resize | Test | ||
| Flèche diagonale bas gauche | sw-resize | Test | ||
| Flèche diagonale haut droite | ne-resize | Test | ||
| Flèche diagonale bas droite | se-resize | Test | ||
| Flèche toutes directions | all-scroll | Test | ||
| Main | hand | Test | ||
| Interdit | no-drop | Test | ||
| Progression | progress | Test | ||
| Redimensionner | row-resize | Test | ||
| Texte vertical | vertical-text | Test | ||
| Redimensionner une colonne | col-resize | Test |
Avec Internet Explorer 6
Entre les deux balises <head>
et </head>
| <style> <!-- BODY{ cursor:url("nom_du_fichier.ani"); } --> </style> |
Remarque : vous pouvez remplacer "nom_du_fichier.ani" pour un curseur animé par "nom_du_fichier.cur" pour un curseur fixe.
Vous pouvez aussi changer votre curseur uniquement dans un paragraphe
spécifié en introduisant
:
(Promenez votre pointeur de souris dans cette partie du texte)
Entre les deux balises <p>
et </p>
<p onmouseover="this.style.cursor='hand'">un paragraphe</p> |
Entre les deux balises <head>
et </head>
| <style> p { cursor : hand; } </style> |
Copyright www.toulouse-renaissance.net ©