Comment créer son propre curseur...

2 participants

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

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

Message par christaline 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...
Comment créer son propre curseur... Captur11

Comment créer son propre curseur... Captur12

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...

Comment créer son propre curseur... 15112010

Comment créer son propre curseur... 15112011

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!
christaline

christaline
****

Féminin
Messages : 388
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 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...
christaline

christaline
****

Féminin
Messages : 388
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◦ 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 :
Comment créer son propre curseur... 11111

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 :
Comment créer son propre curseur... 22210

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

Bien à vous.
◦Jay◦

◦Jay◦
Membre actif

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

https://forum.forumactif.com
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

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

Message par christaline 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!
christaline

christaline
****

Féminin
Messages : 388
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 Mer 15 Nov 2017 - 15:27

Génial!!! J'ai réussie à me faire celui-ci!!!
Comment créer son propre curseur... 15112012

body {
cursor: url(https://i.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...
christaline

christaline
****

Féminin
Messages : 388
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

- Sujets similaires

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