- Statut : non résolu
- Ce sujet contient 19 réponses, 3 participants et a été mis à jour pour la dernière fois par
, le il y a 12 années.
-
Messages
-
Bonjour,
– Version de WordPress : 3.5.1
– Thème utilisé : pinboard
– Nom de l’hebergeur : lws
Problème(s) rencontré(s) :
Je souhaiterais réaliser un graphique en secteurs ( 4 secteurs).
Pour chaque secteur, un lien hypertexte devrait être « cliquable » et amener à une destination différente.
Le php est-il le bon langage? C’est pour mettre en page d’accueil sur un site wordpress…
Merci et bonne journée !Ps: http://php.developpez.com/cours/
sur ce site, vous trouverez un exemple de ce que je voudrais faire ( à droite le graphique) en plus je voudrais quand je clique sur un secteur, arriver sur un autre page de mon site…
qq’n pour m’aider?
merciBonjour,
Séparer une image en plusieurs zones cliquable, ça se fait en HTML, avec la balise
Pour + d’infos, voir ce post et les liens qui y sont indiqués.
pas évident, voici mon image:
chaque partie devrait m’amener vers une autre page web…
help pas évident tout ça:(bon je progresse dans notepad, j’ai :
<img src="http://careercoaching.be/wp-content/uploads/zerzeqrazr.jpg" alt="usemap" border="0"
usemap= »#tutorials »/>hé bien, si le code fonctionne en local, c’est déjà un bon point. 👏
Alors, une piste pour que ça fonctionne en ligne :
quand je colle cela sur ma page wordpress
–> est-ce que vous « collez » bien votre script dans l’onglet « Text » de l’éditeur WordPress (cet onglet permet de travailler en HTML) ?
Un souci dans les liens (dans les adresses URL) ?
Essayez de créer une nouvelle zone cliquable « en direct live » sur votre site en ligne, à partir de l’éditeur en mode « text », vous verrez bien si ça fonctionne ou pas.
Attention aussi à ce que l’image uploadée ne soit pas redimensionnée dans le site en ligne (par un plugin, par les réglages du site, etc …)
car si la taille de l’image upoladée en ligne n’est pas excfatement la même que celle utilisée en local, les coordonnées deviennent fausses !
Ou bien vous avez peut-être testé dans une page en pleine-largeur en local, tandis qu’il y a (eput-être) une sidebar sur la page testée en ligne, ce qui provoque un redimensionnement …Ah, et au fait, il manque un à la fin de votre code, mais wordpress le rajoute automatiquement. (j’ai essayé de tester votre code chez moi, mais l’image n’est pas en ligne)
je pense que c’est la sidebar effectivement, j’arrive à avoir des zones cliquables mnt… mais qui ne correspondent pas exactement aux points trouvés sur photoshop…
connaissez vous un moyen pour « converir » les pts photoshop sur mon blog wordpress/pinboard ( étant donné que j’ai un right sidebar)j’arrive à avoir des zones cliquables mnt… mais qui ne correspondent pas exactement aux points trouvés sur photoshop…
C’est bien pour ça que je disais : si la taille de l’image upoladée en ligne n’est pas exactement la même que celle utilisée en local, les coordonnées deviennent fausses !
Une piste : téléchargez l’image sur votre ordinateur à partir de celle qui apparaît en ligne, et servez-vous de cette image là (qui sera donc « à l’échelle ») pour déterminer les points sur Photoshop.
j’ai enregistré l’image via mon site directement== taille identique 800×600, ai repris des points, pas encore parfait… je colle mon code ici avec un image disponible…
une autre lumineuse idée?
![http://careercoaching.be/wp-content/uploads/zerzeqrazr.jpg"](http://careercoaching.be/wp-content/uploads/zerzeqrazr.jpg"){kind=link}
- Vous devez être connecté pour répondre à ce sujet.