Eklablog Tous les blogs
Editer l'article Suivre ce blog Administration + Créer mon blog
MENU

Curseur personnalisé

qu'est-ce que c'est ?

Voici différents styles de curseurs par défaut que vous pourrez choisir lors du tutoriel.
Passez votre curseur sur les textes pour voir les différentes formes de curseurs.

Main (pointer)
Texte (text)
Viseur (crosshair)
Attente (wait)
Objet déplaçable (move)
Curseur par défaut (default) 
Point d'interrogation  (help)

Changer la taille vers le haut (n-resize)
Changer la taille vers le bas (s-resize)
Changer la taille vers la droite (e-resize)
Changer la taille vers la gauche (w-resize)
Changer la taille haut+droite (ne-resize)
Changer la taille haut+gauche (nw-resize)
Changer la taille bas+droite (se-resize)
Changer la taille bas+gauche (sw-resize)
 

comment faire ?

Comme d'habitude, commencez pas ouvrir la feuille CSS de votre blog
Apparence > Modifier le thème > Ajouter du CSS

Copiez/collez le code qui suit

body { cursor: wait; }

body représente le corps de la page, il encadre tout votre blog donc les modifications que l'on pourra écrire entre crochets à sa suite se feront sur tout votre blog. cursor c'est votre curseur, dans l'exemple il est suivit de wait qui représente le curseur d'Attente, pour avoir un autre curseur que celui-ci, il vous suffit de remplacer wait par le nom du curseur de votre choix qui se trouve entre parenthèses plus haut.

Si vous souhaitez mettre une image (GIF, PNG, JPG, etc.)  pour avoir un curseur
entièrement personnalisé, c'est ce code là qu'il vous faut insérer

body {
    cursor: url("urldevotreimage.gif"), auto;
}
Retour à l'accueil
Partager cet article
Repost0
Pour être informé des derniers articles, inscrivez vous :
Commenter cet article
M
Coucou, je voulais mettre un curseur mais il est gris et mon fond est gris donc on ne le voit quasiment peu, comment faire pour le mettre en noir???
Répondre
N
je viens de résoudre le problème dsl du dérengement. ^^'
Répondre
N
la : fantast-word.eklablog.com/curseur-c21997349
Répondre
M
Puis-je avoir ton code ?
Répondre
N
je rentre toutes les info, avec lurl de l'image et sa bloque ...
Répondre