LIENS DANS UNE IMAGE
Par Tity

Bonjour mes petits Pixelois!
Je vais vous montrer comment mettre plusieurs liens à différents endroits dans une seule image.
Un peu comme dans la présentation de PixelShop.

Vous devez avoir votre image.
Pour ma part, ma magnifique image sera celle-ci:

Spoiler:

Vous avez besoin d'un code!

Code:

<IMG NAME="blablablabla" SRC="url de votre image" WIDTH="largeur de votre image" HEIGHT="hauteur de votre image" BORDER="0" USEMAP="#BLABLABLAH">

Vous allez voir, c'est très simple.
Remplacez «url de votre image» par.. l'url de votre image! x)
Remplacez «largeur de votre image» par la largeur de votre image..
& vous avez compris le principe!

Voilà que la deuxième partie entre en jeu.

Code:

<MAP NAME="BLABLABLAH">
<AREA SHAPE="rect" COORDS="X1,Y1,X2,Y2" HREF="Url Du Lien" ALT="Courte Description Du Lien">

1. Avec photofiltre:
Je n'ai pas Fotofiltre et je ne peux malheureusement pas faire de captures d'écran, mais j'ai fouiné un peu sur internet et j'ai trouvé comment faire. :
Selectionnez la partie que vous voulez rendre cliquable.
Quatre nombres devraient s'afficher dans le bas de votre page, écrit comme cela "XXX,XXX ==> XXX,XXX".
Notez ces chiffres.

2. Avec Gimp:
Glissez votre souris sur le coin en haut à gauche de la zone que vous voulez rendre cliquable. Exemple:

Spoiler:

Repassez votre souris sur le coin en bas à droite, et notez tout les chiffres obtenus.

Remplacez «X1,Y2,X1,Y2» par les chiffres trouvés,
Puis remplacez «Url Du Lien» par le lien que vous voulez lier à cette place de l'image.

Dernière étape!
Insérez ce code à la toute fin:

Code:

</MAP>

Aperçu du résultat final :

Spoiler:

Merci à Tity de nous avoir soumis ce tutoriel.
Si vous avez des questions, n'hésitez pas!

* problèmes avec le centrer >o<
à l'aaaaaaideuh