~~ :: Mystangel ' Design

Créer un curseur pour votre site

Pour réaliser ce tutorial il vous faut Paint Shop et animation Shop (vendu avec) Ici nous utiliserons PSP 8 et AS 3

Ouvrez PSP et ouvrez un document transparent de 32*32 px et réalisez votre propre curseur. Ou bien, si vous vous sentez moins sûr, enregistrez le contour ci-dessous. vous n' aurez qu' à le coloriez et rajoutez quelques éléments à votre convenance. Vous pouvez bien sûr créer un curseur animé en realisant plusieurs variantes du curseur

Une fois votre curseur terminé, copiez-collé les différentes parties de celui-ci comme nouvelle animation dans AS, cliquez sur démarrez l' animation (même si vous n' avez qu' une image composant votre curseur) et enregistrez votre curseur au format curseur animé (ani).

Retournez dans PSP et colorisez différemment votre curseur. Pour celà, cliquez sur une couleur puis quelque part sur le curseur qui changera directement de couleur. Réitérez l' enregistrement en procédant de la même manière que pour le premier.

Hébergez ensuite vos 2 images sur un serveur et copiez-collez leur URL.

Ouvrez ensuite le bloc note et collez ce code dedans:

<STYLE TYPE="text/css">p {align=justify}

BODY{cursor: url(http://votre-url1.ani);}

a {cursor: url(http://votre-url2.ani);}

</STYLE>

Ramplacez les 2 parties roses avec les adresses de vos 2 curseur. La première adresse sera celle du curseur à l' état permanent. La 2eme sera l' adresse du curseur quand il passer sur les liens.

Désormais copiez-collez votre nouveau code sur la page où vous désirez que le curseur apparaisse entre <head> et </head> mais pas entre <style> et </style>. Eventuellement après un </style>.

Découvrez votre curseur et passez sur un lien pour voir le changement de couleur.

Et voilà!

Ce tutoriel vous pose des problèmes :

Qu' avez-vous pensé de ce tutoriel? Laissez vos commentaires

Si ce tutoriel vous a permis de réaliser quelque chose pour votre site, vous seriez gentil si vous acceptiez de voter pour moi:

TOP Chez Chatonne