Comment créer son propre curseur...

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Comment créer son propre curseur...

Message par christaline le Mer 15 Nov 2017 - 13:22

Bonjour,
Voilà, j'essaie de créer mon propre curseur,
j'ai donc essayé de faire ce qui est dit dans le tuto
mais je suis un peu beaucoup paumée...
J'ai trouvé un site en ligne pour convertir mon image ico en cur...
Ensuite, un autre pour l'héberger...
Voici les captures d'écran...




J'ai bien compris qu'il faut mettre le lien dans le code que l'on insert dans la CSS, mais lequel?
Voici les deux images que je veux créer en curseur...





Merci de m'aider, car n'y connaissant rien, les termes etc ne veulent pas dire grand chose pour moi,
il me faut donc des trucs simple à utiliser... lol
J'aimerais pouvoir à l'avenir me les faire à volonté, comme je le fait pour mes pluies d'images..
Merci encore et bon après-midi!
avatar

christaline
****

Féminin
Messages : 275
Inscrit(e) le : 12/11/2012

http://nosanimauxnosamours.forumactif.org/
christaline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment créer son propre curseur...

Message par christaline le Mer 15 Nov 2017 - 14:39

Il ne me semblait pas avoir posté ici mais dans "gérer l'apparence de mon forum"...
Vous pouvez le déplacer s'il n'est pas à la bonne place...
Désolée...
avatar

christaline
****

Féminin
Messages : 275
Inscrit(e) le : 12/11/2012

http://nosanimauxnosamours.forumactif.org/
christaline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment créer son propre curseur...

Message par ◦Jay◦ le Mer 15 Nov 2017 - 14:56

Bonjour christaline, vous pouvez le faire aussi avec une image en .png ou autre... Bref, exemple avec l'image du chien redimensionnée à 50px de large et en remplacement du curseur par défaut :

L'image :


Le code:

Code:
body {
cursor: url(https://i62.servimg.com/u/f62/18/95/70/55/11111.png), auto;
}

Au passage de la souris sur un lien avec le chat redimensionné à 40px de large :

L'image :


Le code :
Code:
a {
cursor: url(https://i62.servimg.com/u/f62/18/95/70/55/22210.png), auto;
}

Bien à vous.


avatar

◦Jay◦
Créactif
Créactif

Masculin
Messages : 3702
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment créer son propre curseur...

Message par christaline le Mer 15 Nov 2017 - 15:16

Ha ok, en fait, je me compliquais la vie!! lol
Je vais essayer et ensuite essayer de m'en faire un avec une autre image et je vous dis si ça fonctionne...
Merci beaucoup Jay!
avatar

christaline
****

Féminin
Messages : 275
Inscrit(e) le : 12/11/2012

http://nosanimauxnosamours.forumactif.org/
christaline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment créer son propre curseur...

Message par christaline le Mer 15 Nov 2017 - 15:27

Génial!!! J'ai réussie à me faire celui-ci!!!


body {
cursor: url(https://i62.servimg.com/u/f62/19/10/75/79/15112018.gif), auto;
}

Merci infiniment Jay!!!
Merci à forumactif d'être toujours là pour nous aider!!!
Je mets comme résolu!!!
Bonne fin d'après-midi
cordialement...
avatar

christaline
****

Féminin
Messages : 275
Inscrit(e) le : 12/11/2012

http://nosanimauxnosamours.forumactif.org/
christaline a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum