Overblog Suivre ce blog
Editer l'article Administration Créer mon blog
29 juin 2010 2 29 /06 /juin /2010 06:12

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.

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 alors qu'il rend impossible le clic sur les liens des modules, vous décidez 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 HTML de l'entête le code javascript nécessaire à cet effet.

Si vous voulez ce curseur défilant seulement sur une seule page, vous rajouterez le code javascript en HTML 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 HTML 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 HTML 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://IMAGE2.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....

Partager cet article

Repost 0
Published by Anna K - dans Archives
commenter cet article

commentaires

Bartos 23/04/2014 19:31

Les meilleurs curseurs pour un site web ou un blog http://surlapage.fr/widget/cursors-sur-la-page

Bartolos 23/04/2014 19:30

le meilleur curseurs sur le blog, sur la page

houba 31/05/2008 23:05

voilà mes curseurs sont mis sur le blog et ça fonctionne.si tu as un peu de temps passe voir... je te remercie encore de me les avoir créer passe un bon we.

houba 29/05/2008 23:24

merci anna k pour les curseurs. te dira également merci à ton ami qui me les a fait. je ne les ai pas encore installé. bonne nuit

houba 26/05/2008 11:52

hello anna k, merci pour ta réponse sur mon blog et merci d'avoir demandé à un ami de me faire mes curseurs c'est super sympa ! j'attends...et te souhaite une bonne semaine.à bientôt