présentation

difficulté → Simple
auteur → gommeamacher & perfect (2010)
but du tutoriel → Comme le nom l'indique, ce tuto vous aidera dans la création de liens dans une image. Cette méthode est fréquemment utilisé pour les index de forums, afin de facilité la navigation. Besoin de Photofiltre pour cette démarche.

Résultat :

Spoiler:

descriptif

1. Créez votre image et sauvegarder la en JPEG ou PNG.
2. Ouvrez le résultat final avec Photofiltre.
3. Ouvrez par la suite votre panneau de votre forum → Affichage → Généralité → Basculer la version en HTML et coller ceci :

Code:

<IMG NAME="accueil0" SRC="URL IMAGE ICI" WIDTH="largeur de votre image en px" HEIGHT="hauteur de votre image en px" BORDER="0" USEMAP="#accueil">

<MAP NAME="accueil">
<AREA SHAPE="rect" COORDS="X1,Y1,X2,Y2" HREF="URL de la destination" ALT=".">
</MAP>

4. Ébergez votre image et inséré le lien de celle ci à la place de URL IMAGE ICI.
5. Faites un clique droit sur votre image → Propriétés et remplacer ; largeur de votre image en px par le 1e nombre ( ajouter px ) faite de même pour la hauteur avec le 2e nombre.
6. Retournez sur Photofiltre et encadrer la zone qui sera par la suite un lien.

Spoiler:

7. Vous remarquerez un code en bas de page :

Spoiler:

Prenez le en note et allez le remplaçer les chiffres ici : "X1,Y1,X2,Y2"
ex : X1,Y1,X2,Y2 = 339,43,489,76
8. Allez chercher le URL de la section ( ici c'est reglements ) et remplaçez URL de la destination par votre lien.
9. Répétez les étapes 6, 7 et 8 pour chaque liens voulus et recoller cette partie :

Code:

<AREA SHAPE="rect" COORDS="X1,Y1,X2,Y2" HREF="URL de la destination" ALT=".">

le nombre de fois que vous en aurez besoin.

PS: Il es très important que le

Code:

</MAP>

soit à la toute fin de votre code.

Voilà pour ce qui est des liens dans une image !