changer le pointeur

Le forum de la communauté Jimdo France

changer le pointeur

Postby www.marcheursimbrechies.net on 01 Nov 2009, 21:12

Bonjour à tous.
je souhaiterais remplacer la banale flèche par un pointeur personnalisé ( dans notre cas , une bottine de marche par ex. ).
Qui serait aimable de m'expliquer la technique à employer ?
Un tout grand merci d'avance.
Pascal
www.marcheursimbrechies.net
 
Posts: 13
Joined: 28 Jan 2009, 10:34

Re: changer le pointeur

Postby funnycat.jimdo.com on 02 Nov 2009, 21:55

Bonjour.
Sujet très intéressant, si cela ne vous dérange pas je vais vous répondre en deux parties (la deuxième parties pouvant avoir quelques difficultés et bug).

Partie 1: remplacer le curseur par une croix
Il faut insérer un code CSS particulier. Pour cela il faut se rendre sur le panel utilisateur > paramètres > modifier le head. Puis il faut insérer ce code avant de l'enregistrer:
<style type="text/css">
body{
cursor:crosshair;
}
</style>

Normalement si tout fonctionnement correctement, votre curseur devrait maintenant être une croix.

Partie 2: remplacer le curseur par une image
Si vous posséder l'URL du curseur qui vous plait, il suffit de copier/coller le code suivant au même endroit que précédemment:
<style type="text/css">
body{
cursor: url("images/curseur.cur");
}
</style>
L'adresse (le texte en rouge) doit bien entendu être remplacée par l'URL du curseur.

Si vous n'avez pas de curseur, il va falloir le fabriquer ou le récupérer sur un site qui liste des exemples de curseur. Malheureusement je suis plus doué pour donner les codes CSS que pour donner de bonne adresse pour télécharger des curseurs ou des logiciels pour fabriquer un curseur. :?

Est-ce que cela vous aide?
Cordialement.
Last edited by funnycat.jimdo.com on 09 Nov 2009, 14:44, edited 1 time in total.
InfoWebMaster: Site d'informations pour webmasters débutants.
User avatar
funnycat.jimdo.com
Jimdo-Supporter
 
Posts: 224
Joined: 25 Aug 2008, 22:39

Re: changer le pointeur

Postby www.marcheursimbrechies.net on 06 Nov 2009, 17:09

cela m'a l'air d'être à ma portée. Il me reste à essayer ce WE.
Grand merci à vous

Pascal
www.marcheursimbrechies.net
 
Posts: 13
Joined: 28 Jan 2009, 10:34

Re: changer le pointeur

Postby www.marcheursimbrechies.net on 06 Nov 2009, 17:30

je n'ai pas attendu le WE. Cinq minutes et cela marche. merci à toi.Je ferai référence à ton site et un petit don.
@+ Pascal
www.marcheursimbrechies.net
 
Posts: 13
Joined: 28 Jan 2009, 10:34

Re: changer le pointeur

Postby funnycat.jimdo.com on 06 Nov 2009, 22:44

Félicitation et merci par avance, ça fait extrêmement plaisir. :D
Excellente continuation.
InfoWebMaster: Site d'informations pour webmasters débutants.
User avatar
funnycat.jimdo.com
Jimdo-Supporter
 
Posts: 224
Joined: 25 Aug 2008, 22:39

Re: changer le pointeur

Postby filmsdelover.jimdo.com on 06 Nov 2009, 23:38

Apparemment, le script ne marche pas avec Firefox puisque mon curseur ne change pas. ;)
Vote pour le meilleur film romantique sur le site ! Image
User avatar
filmsdelover.jimdo.com
Jimdo-Supporter
 
Posts: 262
Joined: 08 Feb 2009, 18:22

Re: changer le pointeur

Postby funnycat.jimdo.com on 07 Nov 2009, 16:07

filmsdelover.jimdo.com wrote:Apparemment, le script ne marche pas avec Firefox puisque mon curseur ne change pas. ;)

En effet, je n'avais pas fait attention. J'ai jeté un oeil au code et actuellement le code utilisé est le suivant:
Code: Select all
<style type="text/css">
/*<![CDATA[*/
<!--BODY{ cursor:url("http://curseurs-gogo.com/curbd/tintin005.ani"),default; }-->
/*]]>*/
</style>

Pour que ça fonctionne mieux il faut modifier un peu le code et le curseur. Car j'ai remarqué que le curseur ne fonctionnait pas sur tout les navigateurs. J'ai fais un test en utilisant le curseur suivant: http://curseurs-gogo.com/curnature/Leaf2.cur (un curseur offert par le site en question) et cela fonctionne mieux. De plus en ce qui me concerne j'aurais utilisé le code suivant:
Code: Select all
<style type="text/css">
BODY{ cursor:url("http://curseurs-gogo.com/curnature/Leaf2.cur"),default; }
</style>
Car j'ai l'impression que le premier code n'est pas très bien considéré sur tous les navigateurs.
InfoWebMaster: Site d'informations pour webmasters débutants.
User avatar
funnycat.jimdo.com
Jimdo-Supporter
 
Posts: 224
Joined: 25 Aug 2008, 22:39

Re: changer le pointeur

Postby barras.jimdo.com on 07 Nov 2009, 18:25

Une question. :?: Ou insère t'on le code ? Avant " /head ? "
Merci pour votre réponse.
barras.jimdo.com
 
Posts: 3
Joined: 07 Nov 2009, 18:23

Re: changer le pointeur

Postby barras.jimdo.com on 07 Nov 2009, 18:46

Re-bonsoir
Finalement après essai j'ai trouvé !!
Et aussi un autre script ( fonctionne sur IE) qui fait changer le curseur sur les liens

<style>
<!--
BODY{ cursor:url("http://storage.canalblog.com/88/72/538775/45950101.ico"); }
a{ cursor:url("http://storage.canalblog.com/05/16/538775/45952246.ani"); }"); }
-->
</style>


A chacun de changer les curseurs selon son gout

Bonsoir et bon Dimanche aux jimdonautes !
barras.jimdo.com
 
Posts: 3
Joined: 07 Nov 2009, 18:23

Re: changer le pointeur

Postby pyrenees.jimdo.com on 09 Nov 2009, 12:27

Allez hop, un nouvel article dans la rubrique "Astuces/Tutoriels"! Tony tu es génial!
MERCI BEAUCOUP!
Suivez-moi sur Twitter!
Image
http://twitter.com/Amelie_Jimdo/
User avatar
pyrenees.jimdo.com
Jimdo-Team
 
Posts: 654
Joined: 22 Feb 2008, 10:38

Next

Return to Français

Who is online

Users browsing this forum: No registered users and 1 guest