Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

[PHPBB2] Plusieurs liens dans une image cliquable


3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

soleda
soleda
https://www.tutorielgraphismepfs.com/

Messagesoleda Dim 19 Juil 2020 - 16:20

  • Version du forum :
    PHPBB2
  • Templates modifiés :
    oui
  • Navigateur :
    Chrome

Bonjour Philippe je viens vers toi car je me pose une question , comment mettre plusieurs lien cliquable dans une seule image ?je pense que il faut un code comme quand ont fait une bannière mais lequel ?

Merci pour ton aide .


Dernière édition par soleda le Lun 20 Juil 2020 - 7:53, édité 1 fois
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Dim 19 Juil 2020 - 17:46

Coucou Chantal,

tu trouveras les codes html en t'aidant de cette aide présente sur la barre de navigation:

[PHPBB2] Plusieurs liens dans une image cliquable 1157

soleda
soleda
https://www.tutorielgraphismepfs.com/

Messagesoleda Dim 19 Juil 2020 - 21:00

Bonsoir Phil merci pour la réponse mais non j'avais vue le lien je ne cherche pas ceci .

Juste une image avec plusieurs liens cliquable sur l'image.

merci bonne soirée.
Neptunia
Neptunia
https://www.galaxie-series.net/

MessageNeptunia Dim 19 Juil 2020 - 21:12

Coucou Chantal et Philippe



Un exemple tout simple avec la carte de l'univers Star Trek et ses quatre quadrants.
Il faut ici cliquer sur le lien Agrandir l'image, sinon vu que l'image est redimensionnée, les coordonnées de chaque zone ne correspondent plus.


Je n'utilise ici que des formes de type Rectangle, c'est facile.
S'il s'agissait de faire une carte de France comme ici, ça serait autrement plus compliqué et quasiment impossible sans logiciel faisant le boulot. Je crois que c'est le cas de Photoshop et/ou de The GIMP. Peut-être y a t'il un filtre pour le faire sur Photofiltre ?

Chaque quart de l'image a un lien pointant vers l'un des empires du Quadrant survolé


 
 
 
 
 
 

Code:
<img usemap="#Quadrants" src="https://i.servimg.com/u/f93/19/50/00/72/galact10.jpg" width="700" height="700" border="0">
   <map name="Quadrants">
   <area shape="rect" title="Quadrant Alpha" coords="0,699,349,350" href="https://fr.wikipedia.org/wiki/F%C3%A9d%C3%A9ration_des_plan%C3%A8tes_unies">
   <area shape="rect" title="Quadrant Bêta" coords="350,699,699,350" href="https://fr.wikipedia.org/wiki/Klingon">
   <area shape="rect" title="Quadrant Gamma" coords="0,349,349,0" href="https://fr.wikipedia.org/wiki/Dominion_(Star_Trek)">
   <area shape="rect" title="Quadrant Delta" coords="350,349,699,0" href="https://fr.wikipedia.org/wiki/Borg_(Star_Trek)">
   </map>

Pour les explications c'est ici -> https://asistencia.foroactivo.com/t128420-como-crear-una-imagen-reactiva
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Lun 20 Juil 2020 - 4:56

Coucou Chantal et Hélène,

je n'avais lu ta question dans sa totalité et Hélène a
bien résumé ce que tu dois désormais appliquer .
soleda
soleda
https://www.tutorielgraphismepfs.com/

Messagesoleda Lun 20 Juil 2020 - 7:52

Bonjour merci beaucoup a vous deux , belle journée.
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Lun 20 Juil 2020 - 8:37

Hello


Sujet résolu et déplacé dans le forum adéquate  

A bientôt pour une prochaine demande  clin oeil



Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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