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)

Publié dans CSS et Design

Commenter cet article

yvan 18/11/2007 11:01

Bonjour,
Je cherche effectivement à changer le curseur mais impossible de trouver la rubrique correspondante ?

Merci.

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

Fix 28/02/2007 03:53

Salut et merci pour tous ces conseils,

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

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;}

www.labaudio.net 12/09/2006 08:30

ya - t - il donc aucun moyen d'avoir un curseur animé....gif peut etre...

si ya rien de possible sous Firefox...c ben platte...

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

1- un curseur animé sous FIRE et IE

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.


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

je sais pas si c clair mais bon....c mes 3 gros bug sur Fire fox et IE pas capable de faire ca...

sauf pour le curseur qui me mystifie seulement dans fire....


voilà

merci pour votre aide

lachons pas

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.

www.labaudio.net 11/09/2006 03:33

tu aurais pas un truc pour les .ani


si ton truc marcherai pour les curseur animé ou qu il y aurais un autre truc ce serai genial

Francisek 11/09/2006 23:25

 Le format de curseurs ani est propre à Microsoft et donc uniquement utilisable avec IE.