[HTML]Image avec plusieurs liens dessus (facile)

Aller en bas

[HTML]Image avec plusieurs liens dessus (facile)

Message  Jungko le Mer 21 Mai - 13:56

Vous voulez une image comme celle de ma signature, avec des liens dessus ?
Voilà pour vous !

Entrez ce code :

<IMG SRC="url de l'image" USEMAP="#map">
<MAP NAME="map">
<AREA SHAPE=RECT COORDS="I, J, K, L" HREF="url 1">
<AREA SHAPE=RECT COORDS="I, J, K, L" HREF="url 2">
<AREA SHAPE=RECT COORDS="I, J, K, L" HREF="url 3">
<AREA SHAPE=RECT COORDS="I, J, K, L" HREF="url 4">
<AREA SHAPE=RECT COORDS="I, J, K, L" HREF="url 5">


Faire l'image

*Chargez l'image dans un programme de création d'image qui donne le coordonnées de votre curseur quand il est sur l'image(généralement en bas)

*Placez votre curseur sur le point haut gauche de votre zone cliquable et copiez les coordonnées obtenues dans votre code en Iet J

*Faites de même avec le point bas droit et placez vos coordonnées en Ket L

*Refaites ceci pour toutes les zones prévues dans l'image (supprimez les lignes inutiles ou rajoutez-en selon vos besoins)

*Suivez les instructions en orange

*Si vous voulez des zones en forme de rond, remplacez RECT dans le code par CIRCLE, et mettez les coordonnées suivant l'exemple :
Code:
...CIRCLE COORDS="centre cercle, centre cercle, taille du rayon(en pixels)"...
*Si vous voulez un polygone quelquonque, utilisez POLY
Code:
...POLY COORDS="point 1, point 1, point 2, point 2, point 3, point 3..."...

Conseil : Evitez de mettre des images qui jurent avec limage de départ comme lien (par exemple un truc clair sur une bannière foncée^^
avatar
Jungko
Graphiste

Masculin Nombre de messages : 1862
Age : 23
Localisation : Toujours dans ma dimension parrallèle...
Date d'inscription : 30/06/2007

Niveau de l'Etudiant
Spécialisation:
Niveau d'apprentissage:
0/30  (0/30)

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [HTML]Image avec plusieurs liens dessus (facile)

Message  Latios1996 le Mer 21 Mai - 21:51

Suis je le seul à n'avoir rien comprit ?
avatar
Latios1996
Membre tordu
Membre tordu

Masculin Nombre de messages : 536
Age : 21
Date d'inscription : 17/05/2008

Niveau de l'Etudiant
Spécialisation:
Niveau d'apprentissage:
2/30  (2/30)

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [HTML]Image avec plusieurs liens dessus (facile)

Message  Natsu Kun le Jeu 22 Mai - 14:15

Il faut quand même avoir des bases pour le graphisme pour comprendre (surtout pour les logiciels)

_________________


Spoiler:
avatar
Natsu Kun
Crazy Admin
Crazy Admin

Masculin Nombre de messages : 4422
Age : 22
Localisation : Dans une dimension utile...
Date d'inscription : 17/06/2007

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [HTML]Image avec plusieurs liens dessus (facile)

Message  Jungko le Jeu 22 Mai - 14:18

Même Paint affiche les coordonnées du curseur ><
avatar
Jungko
Graphiste

Masculin Nombre de messages : 1862
Age : 23
Localisation : Toujours dans ma dimension parrallèle...
Date d'inscription : 30/06/2007

Niveau de l'Etudiant
Spécialisation:
Niveau d'apprentissage:
0/30  (0/30)

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [HTML]Image avec plusieurs liens dessus (facile)

Message  Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum