Un curseur personnalisé pour IE et FireFox

Publié le par Francisek

Beaucoup utilisent les curseurs de souris personnalisés sur leurs pages et la plupart du temps, ceux-ci ne sont visibles que pour les versions récentes d'Internet Explorer.
Ce court article vous donne l'astuce qui permettra à vos visiteurs de profiter de votre curseur personnalisé et ce même avec d'autres navigateurs, tels que FireFox ou Opera.
Il suffit juste dans votre feuille de style CSS de définir le curseur de la souris de cette façon:
cursor: url(url_du_curseur), default;

Il semble en effet que le moteur de rendu des navigateurs Gekko (dont fait partie FireFox) ait un bug dans la gestion des curseurs personnalisés. Le fait d'ajouter le mot default en fin de ligne débloque la fonctionnalité (pour un curseur par de pointage par défaut). Vous pouvez bien évidemment remplacer ce mot-clé par un de ceux proposés dans la spécification CSS2 du W3C.

Ceci ne fonctionne qu'avec les curseurs fixes (au format .cur).
Passez la souris ici pour un exemple de curseur fixe (.cur)
Publicité

Publié dans CSS et Design

Pour être informé des derniers articles, inscrivez vous :
Vous aimerez aussi :
Rollover à une seule image
Rollover à une seule image
Amusons nous avec les bordures
Amusons nous avec les bordures
Adapter son CSS aux spécificité des navigateurs
Adapter son CSS aux spécificité des navigateurs
Une structure sur mesure avec les marges négatives
Une structure sur mesure avec les marges négatives
Mise à jour du générateur de texte dégradé
Rollover à une seule image
Commenter cet article
Y
yvan
18/11/2007 11:01
Bonjour,<br /> Je cherche effectivement à changer le curseur mais impossible de trouver la rubrique correspondante ?<br /> <br /> Merci.
Répondre
F
Francisek
18/11/2007 20:32
Tout dépend dans quel cadre tu souhaite changer le curseur: sur les liens seulement, uniquement hors de liens, sur un type d'élement en particulier ??<br />  
F
Fix
28/02/2007 03:53
Salut et merci pour tous ces conseils,<br /> <br /> je plante depuis qq temps sur cette histoire de curseurs et pourtant je vois dans ton article exactement ce que je veux faire. Que le curseur que je souhaite ne s affiche que quand je passe sur certains mots. Concretement, je veux faire un glossaire, et lorsqu on passe sur un mot qui est dans le glossaire y a un point d interrogation qui s affiche. j imagine qu il faut toucher au css PLUS un truc en HTMl pour le mot concerne... Thanks
Répondre
F
Francisek
02/03/2007 13:35
La solution la plus simple : mettre tes entrées de glossaire dans des liens auxquels tu attribue un nom de classe (par exemple entreeGlossaire). Dans le HTML ça donnerait :1er mot2nd motet dans le CSS :a.entreeGlossaire:hover{cursor:url(toncurseur.cur), default;}
W
www.labaudio.net
12/09/2006 08:30
ya - t - il donc aucun moyen d'avoir un curseur animé....gif peut etre...<br /> <br /> si ya rien de possible sous Firefox...c ben platte...<br /> <br /> IE à ces default, mais je trouve qu'il gere mieux le JavaScript et autre bidouillage. bref....si quelqu'un un jours ;a un tuyaux je cherche<br /> <br /> 1- un curseur animé sous FIRE et IE<br /> <br /> 2- un espece d'effet fade in fade out sur une image ...un peu comme un neon qui fade in fade out....donc luminositer et contraste qui fade...pour faire en sorte que l'image passe de pleinement lumineuse a noir...et revienne ensuite....a l'infini evidement... sous Fire et IE egalement.<br /> <br /> <br /> 3 et pour finir je cherche a faire voyager une image aleatoirement sur une page complete...mais je ne veux pas que celle-ci rebondisse sur les bord....mais qu elle puisse passer et devenir invisible quelque instant pour revenir dans le corp de la page...<br /> <br /> je sais pas si c clair mais bon....c mes 3 gros bug sur Fire fox et IE pas capable de faire ca...<br /> <br /> sauf pour le curseur qui me mystifie seulement dans fire....<br /> <br /> <br /> voilà<br /> <br /> merci pour votre aide<br /> <br /> lachons pas<br />
Répondre
F
Francisek
12/09/2006 10:56
 Bizarrement, moi je trouve que c'est FireFox qui gère mieux le javascript (au moins il sait donner de bonnes infos sur les erreurs et éviter de planter le navigateur quand il y a une boucle infinie). Ce que tu appelle bugs, ne sont en fait que des fonctionnalités qui n'existent pas (un bug, c'est un dysfonctionnement).Pour tes questions, je t'apporterai aucune solution:les curseurs animés ne sont pas standards et par conséquent risquent de ne jamais être disponibles sous autre chose qu'IE. Le seul standard, c'est le format .curIl n'y a pas de gestion de la luminuosité ou du contraste dans les navigateurs (à part peut être dans les filtres d'IE). Par contre un script pourrait jouer sur la transparence (donc avec un élément noir derrière l'image c'est jouable).Mmm, là aussi, il n'a qu'un script qui puisse t'aider. Mais ça risque d'être un peu gourmand sur certains navigateurs.
W
www.labaudio.net
11/09/2006 03:33
tu aurais pas un truc pour les .ani<br /> <br /> <br /> si ton truc marcherai pour les curseur animé ou qu il y aurais un autre truc ce serai genial
Répondre
F
Francisek
11/09/2006 23:25
 Le format de curseurs ani est propre à Microsoft et donc uniquement utilisable avec IE.