Liens images sur une image

[Ahila]

Bonjour bonjour, je ne suis pas sûre d'être au bon endroit mais je tente quand même.

Euh, j'aimerais bien mettre des liens images sur une image. (oui ui, je suis nulle à ce point en codage xD)
http://shadow-wars.forumgratuit.org/f26-quetes-rpg
Eh bien j'aimerais mettre les liens images de chaque qûete sur le tableau.

Le tableau => https://i.servimg.com/u/f40/12/90/57/96/tablea10.png

Les images avec les liens:
Image: https://i.servimg.com/u/f40/12/90/57/96/blanco11.png
Lien: http://shadow-wars.forumgratuit.org/t47-quete-speciale-n1-partie-1

Image: https://i.servimg.com/u/f40/12/90/57/96/blanco10.png
Lien: http://shadow-wars.forumgratuit.org/t49-quete-n2

Image: https://i.servimg.com/u/f40/12/90/57/96/blanco12.png
Lien: http://shadow-wars.forumgratuit.org/t50-quete-n3

Merci^^

[Invité]

Bonsoir,

Essayez d'insérer vos liens configurés comme ci-dessous :

Code:

<a href="http://shadow-wars.forumgratuit.org/t47-quete-speciale-n1-partie-1"><img src="http://i40.servimg.com/u/f40/12/90/57/96/blanco11.png">

<a href="http://shadow-wars.forumgratuit.org/t49-quete-n2"><img src="http://i40.servimg.com/u/f40/12/90/57/96/blanco10.png">

<a href="http://shadow-wars.forumgratuit.org/t50-quete-n3"><img src="http://i40.servimg.com/u/f40/12/90/57/96/blanco12.png">


Cordialement

[Ahila]

Déjà, merci de votre aide.

Euh oui, mais je les insère comment? Si je fais ça, j'ai les liens images, mais je ne peux pas les mettre sur le tableau... =(

[Ahila]

Toute mes excuses, une image pourrait peut-être vous faire comprendre ce que je voudrais obtenir:



merci.

[Invité]

Bonsoir,

Merci pour l'image, j'avais donc bien compris votre demande. Malheureusement pour ma part, je ne suis pas parvenue à faire en sorte que les liens images s'affichent sur votre malgré les différentes solutions que j'ai essayé, navrée.

J'espère qu'un membre plus calé en la matière pourra vous apporter une aide plus efficace.

Cordialement

[Ahila]

Oh, merci quand même pour avoir essayé ^^

[tupac]

Bonsoir

Placer ce code dans votre page d'accueil.

Code:

<img name="accueil0" src="http://hariboow.free.fr/upload/images/zt.png" usemap="#accueil">
<map name="accueil">
<area shape="rect" coords="56,155,234,181" href="http://shadow-wars.forumgratuit.org/t47-quete-speciale-n1-partie-1" alt="">
<area shape="rect" coords="49,218,258,245" href="http://shadow-wars.forumgratuit.org/t50-quete-n3" alt="">
<area shape="rect" coords="383,154,652,206" href="http://shadow-wars.forumgratuit.org/t49-quete-n2" alt="">
</map>

[Ahila]

C'est nickel!! Merci beaucoup
Par contre, pourrais tu m'expliquer un peu le principe parce que si je veux rajouter des liens, je n'ai aucune idée de la façon de la faire. Merci.

[Ahila]

up!

[Adam_sfp]

bonjour

Vous pouvez utiliser ce générateur

Cordialement.

[Ahila]

Merci beaucoup, je vais essayer de me dépattouiller avec ça ^^

[tupac]

Bonjour

Utilisez le générateur proposé par Adam_sfp ou faite le avec photofiltre (logiciel gratuit)

1 => Ouvrir Photofiltre
2 => Cliquer sur fichier puis ouvrir et sélectionner votre image.
3 => Une fois votre image sélectionnée placer le curseur a l'endroit ou vous désirez avoir votre zone cliquable,sur mon exemple se sera (cliquer ici)


4 => une fois votre zone entourer regarder en bas de votre page et repérer les quatre premiers nombres comme sur l'image ci-dessous.


et placez-les dans le code qui suis a la place des 0

Code:

<img src=" votre image ici " usemap="#accueil">
<map name="accueil">
<area shape="rect" coords="0,0,0,0" href=" url du lien ici " alt="">
</map>

Voila c'est simple comme bonjour a vous de jouer.

[Ahila]

Super! Merci!! ^^