Pour éviter qu'ils ne soient trop gros, vos curseurs auront une taille de 120px maximum,
Et pour qu'ils fonctionnent, vous les enregistrerez sous png,
Il vous faudra réaliser deux curseurs,
- Le second pointera vers les liens -
Pour que vos curseurs pointent avec précision, il leur faut un hotspot,
Celui-ci se trouve, impérativement, dans le coin haut gauche du conteneur de votre curseur,
Commençons par la version A
- J'utilise photofiltre -
- Pour représenter la transparence de fond, qui souvent n'apparaît pas dans les messages, j'ai réaliser une grille -
- Dans un bloc de forme cubique appliquer un petit cube au coin haut gauche,
- Coller votre image,
- A l'aide des outils barre et seau, relier le petit cube à votre image,
- Appliquez une transparence de fond,
- Enregistrez sous PNG
Passons à la version B
- Choisissez une image oblique dont le haut correspond pile avec l'angle haut gauche de votre conteneur cubique,
- Ensuite, soi vous le conservez tel, Soi vous lui ajoutez une image pour le fun,
- Appliquez une transparence de fond
- Enregistrez sous PNG
Finissons par la version C
- Choisissez une seule image dont le haut coïncide pile avec le coin haut gauche de votre conteneur,
- Appliquez une transparence de fond
- Enregistrez sous PNG
Une fois que vous avez réalisé vos deux curseurs, il vous reste à les placer dans votre css,
Chemin à suivre --->
Gestion - Vos blogs - Design du blog - RapidDesign - CSS/HTML - Cocher css personnalisé - Modifier - Copier le code suivant --->
/*curseurs double apparence*/
body {
cursor: url(lien de votre première image), auto;
}
a {
cursor: url(lien de votre deuxième image), auto;
}
---> Coller à la suite des autres codes s'il y en a - Actualiser - Appliquer - Confirmer- Sauvegarder
Voilou,
Dernière modification le samedi 08 Mars 2025 à 13:52:07
