Installer plusieurs curseurs sur son blog

Nous avons vu qu'il existait diverses formes de curseur (article)
Nous allons maintenant voir qu'il est possible d'associer plusieurs curseurs sur un blog.
Pour ces premiers exemples, le CSS a utiliser sera le global.

ASSOCIER UN CURSEUR CLASSIQUE A UN CURSEUR SOUS FORME D'IMAGE

Supposons que vous ayez un curseur sous forme d'image dans tout le blog.

Vous l'avez placé ainsi dans le CSS :
body    { cursor:URL(http://chezpasglop.ifrance.com/cur/baguette01.cur); }

Vous constatez qu'il rend impossible le clic sur les liens des modules, vous décidez alors pour faciliter la manoeuvre de mettre un curseur classique sous forme de croix (ou autre forme que vous retrouverez dans cet article) dans les modules. Vous allez dans le CSS, vous rajoutez :

.box  {cursor:crosshair; }

Vous pouvez faire la même opération dans les articles

.article  {cursor:crosshair; }

dans l'entête (si votre menu s'y trouve)

#top  {cursor:crosshair; }

Le principe est extensible à l'infini ou presque. Sachant que le curseur classique se trouvant dans les modules peut être différent du curseur classique se trouvant dans les articles (comme nous le verrons plus bas).

ASSOCIER UN CURSEUR IMAGE ET UN CURSEUR DEFILANT

Supposons que vous ayez un curseur sous forme d'image dans tout le blog.

Vous l'avez placé ainsi dans le CSS :
body    { cursor:URL(http://chezpasglop.ifrance.com/cur/baguette01.cur); }

Vous désirez lui rajouter un curseur défilant sur l'ensemble du blog, vous allez rajouter en mode source de l'entête le code javascript.

Si vous ne voulez ce curseur défilant que sur une seule page, vous rajouterez le code javascript en mode source d'un seul article. Sachant que dans un autre article, vous pourrez rajouter un autre code javascript pour un autre curseur.

Pour voir un exemple (ICI) et trouver des codes (ICI). Ces curseurs défilants, je vous le rappelle, ne se voient que sous IE et ne sont pas utilisables par les blogs en confiance.

ASSOCIER UN CURSEUR CLASSIQUE ET UN CURSEUR DEFILANT

Le principe est le même que ci-dessus.

Supposons que vous ayez un curseur classique dans tout le blog.

Vous l'avez placé ainsi dans le CSS :
body    { cursor:crosshair;  }

Vous désirez lui rajouter un curseur défilant sur l'ensemble du blog, vous allez rajouter en mode source de l'entête le code javascript.

Si vous ne voulez ce curseur défilant que sur une seule page, vous rajouterez le code javascript en mode source d'un seul article. Sachant que dans un autre article, vous pourrez rajouter un autre code javascript pour un autre curseur.

ASSOCIER 2 CURSEURS CLASSIQUES

Supposons que vous ayez un curseur classique dans tout le blog.

Vous l'avez placé ainsi dans le CSS :
body    { cursor:crosshair;  }

Vous constatez qu'il rend difficile le clic sur les liens des modules, vous décidez alors pour faciliter la manoeuvre de mettre un curseur classique sous forme de main (ou autre forme que vous retrouverez dans cet article) dans les modules. Vous allez dans le CSS, vous rajoutez :

.box  {cursor:hand; }

Vous pouvez faire la même opération dans les articles

.article  {cursor:hand; }

dans l'entête (si votre menu s'y trouve)

#top  {cursor:hand; }

ASSOCIER 2 CURSEURS IMAGES

Supposons que vous ayez un curseur sous forme d'image dans tout le blog. Il se nomme IMAGE1.cur

Vous l'avez placé ainsi dans le CSS :
body    { cursor:URL(http://IMAGE1.cur); }

Vous désirez mettre un autre curseur dans les modules. Vous rajoutez dans le CSS :

.box  { cursor:URL(http://IMAGE2.cur); }

Vous pouvez faire la même opération dans les articles

.article  {cursor:URL(http://IMAGE3.cur);  }

dans l'entête 

#top  {cursor:URL(http://IMAGE4.cur);  }

2 CURSEURS IMAGES DIFFERENTS EN ACCUEIL ET ARTICLE

Cette fois-ci, nous allons utiliser les 2 CSS Accueil et Article. Il faut donc être passé en Mode Avancé.

Dans le CSS Accueil, il faut compléter :

body    { cursor:URL(http://IMAGE1.cur); }

Dans le CSS Article :

body    { cursor:URL(http://IMAGE1.cur); }

Sachant que le curseur peut être un curseur classique aussi et que dans chaque CSS, vous pouvez mettre à nouveau plusieurs curseurs différents dans les modules, articles, entête....