Les images-liens [ Résolu ]

Bonjour à tous !

Voilà, la page d'accueil de PM et comme sur beaucoup de forums est essentiellement composé d'une grande image avec des liens dessus, rattaché à l'image.

Je me demandais si c'était grâce à Toshop ou avec un autre logiciel que l'on pouvait faire ça ... Parce que bon les pages d'accueil de tois mètres de long... C'est pénible à la fin ><

Voilà je sais pas si j'ai été très explicite, je suis pas douée pour poser des questions xD Merci d'avance pour vos réponses !

moi perso j'utilise The Gimp
après ya surement des techniques plus simple (quoi que celle là l'est beaucoup xD)
faudrait que je le ressorte pour te dire exactement comment on fait...

Moi aussi j'utilise Gimp (wouaouh une collègue ^^) seulement j'ai beau cherché les tutos ou le logiciel adéquat je trouve pas... ='(

Alors moi j'en ai fait ça sur mon forum xD
C'est plutôt simple, j'ai utilisé Photo shop et Photo filtre.
Mais en faite tu cherches à savoir comment on le code ou comment on le fait ?

Pour coder l'image, il faut du html...et tu auras besoin de Photo filtre pour le faire...

Eh ben les deux en fait xD

D'accord, donc pour l'image en elle même il n'y a pas vraiment de tutoriaux, il faut faire preuve d'imagination et y mettre toutes les informations importantes. Je te conseil de prendre d'ouvrir Photoshop et d'y ouvrir une photo de la largeur de ta page d'accueil. Pour le savoir j'ai fait une capture de l'écran...

Ensuite tu mets les textes, les photos que tu veux. Moi j'ai mit ma base de la couleur du fond de ta page d'accueil (voir panneau d'administration / Affichage / Couleurs).
Puis tu l'enregistres au format photoshop, afin de pouvoir le modifier. Tu le réenregistres sous jpeg par exemple.

On va maintenant s'occuper de la partie codage:
-donc tu vas sur ton forum, dans le panneau d'administration. Puis tu vas dans Affichage / Généralités.

Tu vas là pour l'héberger.
Sur ton forum tu colles:

Code:: <IMG NAME="accueil0" SRC="url de votre image" WIDTH="largeur de
votre image" HEIGHT="hauteur de votre image" BORDER="0"
USEMAP="#accueil">

Tu remplis tout par ce qu'il faut mettre.

Tu ouvres photofiltre, et ton image:
- Tu séléctionnes la partie où tu veux qu'il y ait le lien
- En bas de la page de photofiltre, il y x,x ==> x,x (les x sont en faite des chiffres).

Puis tu continues sur le forum:

Code:: <MAP NAME="accueil">
<AREA SHAPE="rect" COORDS="X1,Y1,X2,Y2" HREF="url du lien" ALT="texte bref décrivant le lien">

Les X1,Y1,X2,Y2 sont remplacés par les x,x ==> x,x.

Puis tu continues comme ça jusqu'à la fin:

Code:: <AREA SHAPE="rect" COORDS="X1,Y1,X2,Y2" HREF="url du lien" ALT="texte bref décrivant le lien">

, en copiant ce code pour les autres lien.

Si tu as des soucis tu peux poser des questions ou si tu veux je peux t'aider ou te le faire ;)

J'vais pas bien répondre à ta question mais je me permet d'intervenir pour te donner un conseil:

- N'utilise pas Servimg comme herbergeur car une fois que les liens sont en place sur l'image, la créa perd tout sa qualité ! J'ai eu ce problème et depuis que j'ai changé d'hébergeur, les créas gardent toute leur qualité :)

ben avec the gimp je trouve sa plus simple Oo
tu ouvre juste ton image, et il te demande de séléctionner les parties avec les liens, de coller le lien et après il te donne directement le code source à mettre
enfin la façon tofiltre m'a l'air plus longue Oo

Avec Photo Filtre c'est long, c'est sur ! Moi j'ai tout fait sur Tofiltre & ça m'a saoulé, mais à la fin le résultat est quand même parfait ^^

GHT, il faut Photofiltre Studio ou Photofiltre normal ?

Normal moi j'ai.

Bon eh bien j'essaye et si j'ai un problème je le signalerai ^^ Merci pour votre aide !

Photofiltre "normal" suffit, je l'utilise toujours et il n'y a jamais de problème ^^ C'est long par contre au début, après on s'y fait :D

Juste pour vous dire que j'ai réussi, donc je peux dire que mon problème est résolu ^^
J'ai retrouvé mon vieux copain Tofiltre, ça m'a fait bizarre xD
Merci encore pour votre aide !

Pouvez vous me réexpliquer car je n'ai rien compris ? :$ mur

J'ai fais un tuto visible ici ! good