¤ Angel & Devil ¤


 
AccueilAccueil  FAQFAQ  RechercherRechercher  S'enregistrerS'enregistrer  MembresMembres  GroupesGroupes  ConnexionConnexion  

Partagez | 
 

 TUTO faire plusieurs lieux sur une image

Aller en bas 
AuteurMessage
Ail'

avatar

Nombre de messages : 138
Date d'inscription : 24/02/2009

MessageSujet: 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

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

_________________

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 
TUTO faire plusieurs lieux sur une image
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» TUTO [Faire un canapé]
» [Tuto] Faire un joli Noeud
» [TUTO]Faire un fauteuil, une assises^^
» [TUTO] Faire une commode (Niveau **)
» [Question] Visiter plusieurs lieux [Résolu]

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
¤ Angel & Devil ¤ :: .:: Le forum :: Projet-
Sauter vers: