Les sites d'apparence attrayante sont très appréciés des visiteurs. Pour améliorer l'apparence de la ressource, leurs propriétaires modifient généralement complètement ou partiellement la conception. Malheureusement, l'ajout de nouveaux éléments colorés pour la décoration des pages prend beaucoup de temps. Un moyen rapide d'attirer l'attention des visiteurs des ressources consiste à remplacer le curseur habituel par une petite image. Pour installer un tel élément sur le site, vous devez effectuer quelques étapes simples.
Il est nécessaire
- - propre site
- - avoir au moins des connaissances de base en HTML
- - savoir où se trouve le code CSS sur le site
Instructions
Étape 1
Tout d'abord, téléchargez une image qui remplacera le pointeur sur le site. Les images de formats graphiques courants (.bmp,.gif,.jpg,.png, etc.) ne conviennent pas à cette fin.
Étape 2
Pour remplacer le pointeur, vous avez besoin d'une image au format.cur ou.ani. Pour obtenir une telle image, recherchez sur Internet des images spécialement conçues pour les curseurs. L'extension.cur est spécifique aux images statiques, et l'extension.ani est spécifique aux images animées. Enregistrez le fichier que vous aimez sur votre ordinateur.
Étape 3
Mais pour changer le pointeur, il n'est pas du tout nécessaire de prendre l'image finie. Si vous souhaitez créer une image vous-même, utilisez l'un des programmes spéciaux pour créer des curseurs ou convertir des formats de fichiers graphiques.
Étape 4
Remplissez l'image pour le curseur sur le site. Ensuite, dans le code de la ressource, recherchez la balise et apportez-y les modifications suivantes:
Au lieu d'écrire "images / 1.ani", indiquez le chemin d'accès à l'image téléchargée sur votre site.
Étape 5
Si vous voulez que le curseur se présente sous la forme d'une image lorsque vous survolez le lien, et lorsqu'il est en l'absence de l'élément de liaison - pour ressembler à une autre image, alors il est préférable d'utiliser CSS pour changer le pointeur. Pour effectuer de telles transformations, téléchargez d'abord un autre fichier avec l'extension.cur ou.ani sur le site.
Étape 6
Ensuite, dans le CSS de votre site, faites une entrée "body {cursor: url ('1.ani');}", au lieu de "1.ani", précisez le chemin d'accès à l'image principale pour le curseur téléchargé sur le placer. Ce code ajoute la propriété de modifier le curseur de l'image spécifiée dans la balise dans laquelle le contenu de toutes les pages de la ressource est écrit.
Étape 7
Ensuite, écrivez en CSS la ligne "a {cursor: url ('2.ani');}", en remplaçant "2.ani" par le chemin de l'image du curseur téléchargée sur la ressource, qui devrait apparaître lorsque le pointeur est survolé le lien. L'entrée effectuée vous permet de remplacer le curseur par l'image correspondante lorsque le pointeur frappe un lien sur le site, car il modifie la propriété de la balise.
