Les ficelles d Anna K.

Sous FF, les flêches suivent le défilement de la page et permettent de monter et de descendre quelle que soit la position dans la page
Sous IE, les flêches restent en bas et permettent de remonter.

Collez en mode source/HTML du pied de page

width: 325px : la distance à partir de la gauche du blog pour positionner les flêches

http://www.casimages.com/img/gif/07090701043862651176718.gif est l'adresse de la flêche vers le haut

http://www.casimages.com/img/gif/07090701040762651176712.gif est l'adresse de la flêche vers le bas

J'ai mis ce script en mode source de cet article, vous devriez voir les flêches entre les modules et la colonne des articles

Des thèmes WordPress ou Blogger adaptés pour OverBlog par 4 passionnés de design, CSS et HTML :

• Anna K - les ficelles d'Anna K - Aide pour créer et personnaliser un blog
• Mam'zelle Bégonia - Begonia est une pipelette. Raconter sa vie et donner son avis sur tout à son entourage fatigué de ses élucubrations ne lui suffisait plus, alors elle a décidé de bloguer !
• Booba le chat : tout sur les chats et même plus !
• Denis : Sa vraie vie à Paris : son cadre de vie,  ses quelques pensées, ses bonnes adresses, ses voyages, ses impressions... Ces choses de la vie

Du choix !

Une installation simple et rapide ! Il vous suffit de copier/coller le CSS du design qui vous plaît.

Retrouvez-nous sur Templates for OverBlog

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

Vous reprenez l'explication de le CSS en question comme pour un ascenseur dans un article

2 pièges à éviter :

1)  il faudra sans doute prendre une largeur inférieure sinon votre module va élargir la colonne.

Rappel : width est la largeur

height est la hauteur

2) vous pouvez trouver que l'ascenseur empiète sur le titre du module

vous rajoutez alors MARGIN-TOP: 30px;

Un exemple :