Ail'
Nombre de messages : 138 Date d'inscription : 24/02/2009
| Sujet: TUTO faire plusieurs lieux sur une image Mer 25 Mar - 17:01 | |
| [quote="Kbotine"]Alors voilà comme promis un petit tuto pour faire plusieurs liens dans une seule image. Ex : Page d'accueil ici ou làAlors avant de commencer, faites votre image. Une fois que vous avez votre image définitive vous allez pouvoir la rendre cliquable. Le code HTML rentre alors en jeu. Vous allez avoir besoin de ce code : - Code:
-
<IMG NAME="accueil0" SRC="url de votre image" WIDTH="largeur de votre image" HEIGHT="hauteur de votre image" BORDER="0" USEMAP="#accueil">
<MAP NAME="accueil"> <AREA SHAPE="rect" COORDS="X1,Y1,X2,Y2" HREF="url du lien" ALT="texte bref décrivant le lien">
<AREA SHAPE="circle" COORDS="X3,Y3,R" HREF="url du lien" ALT="texte bref décrivant le lien">
</MAP> Pour commencer ouvrez votre image dans votre photofiltre. - Si vous voulez créer une zone cliquable en forme de rectangle, procédez comme indiqué sur l'image suivante :
- Spoiler:
- Si vous voulez créer une zone cliquable en forme de cercle, c'est un peu plus compliqué et il faut ruser :
- Spoiler:
Répétez ces étapes autant de fois que vous voulez créer de zones cliquables et compléter votre code. Ajoutez ça pour une zone rctangle : - Code:
-
<AREA SHAPE="rect" COORDS="X1,Y1,X2,Y2" HREF="url du lien" ALT="texte bref décrivant le lien"> et ça pour une zone en cercle : - Code:
-
<AREA SHAPE="circle" COORDS="X3,Y3,R" HREF="url du lien" ALT="texte bref décrivant le lien"> Mais ces lignes supplémentaires doivent obligatoirement se trouver avant la balise finale - Code:
-
</MAP> Ensuite il vous faudra héberger votre image et copiez l'url dans le code et notez sa hauteur et sa largeur. Pensez à copiez l'url des liens de chaque zone cliquable que vous avez créé et copiez le code dans le code source de votre page d'accueil. Voilà j'espère que c'est assez clair, si vous avez des questions, n'hésitez pas | |
|