Code pour image cliquable

ancien Ninja · Message par **ancien Ninja** » mar. 17 juin 2014 20:53

Voilà Steph http://forum-rugby-asm-jeunes.latortued ... portal.php

Que dire à part encore Merci milles fois

Ici rien d'impossible et en plus on progresse grâce à vous

Maintenant, si tu le veux bien, peux tu essayer de me donner une idée pour un BBCode afin de tenter d'intégrer cette "MapImage" à un post

Message par **Steph** » mar. 17 juin 2014 22:11

Tout dépend de l'utilisation du bbcode.

Si c'est pour afficher une seule image comme celle du portail tu peux faire par exemple

bbcode

Code : Tout sélectionner

[map][/map]

Code html de remplacement

Code : Tout sélectionner

<center>
<img id="id6151218237179689" src="http://images.empreintesduweb.com/originale/1403022592.jpg" usemap="#Espoirs">
</center>
<map name="Espoirs">
<area shape="RECT" coords="315,30,375,90" href="http://forum-rugby-asm-jeunes.latortuedefelix.fr/page.php?p=equipe-espoirs-2013-14-piliers" target="Piliers" alt="Gauche" title="Pilier gauche">
<area shape="RECT" coords="330,180,390,240" href="http://forum-rugby-asm-jeunes.latortuedefelix.fr/page.php?p=equipe-espoirs-2013-14-talonneurs" target="Talonneurs" title="Talonneur">
<area shape="RECT" coords="315,330,375,390" href="http://forum-rugby-asm-jeunes.latortuedefelix.fr/page.php?p=equipe-espoirs-2013-14-piliers-droits" target="Piliers droits" title="Pilier droit">
<area shape="RECT" coords="270,105,345,165" href="http://forum-rugby-asm-jeunes.latortuedefelix.fr/page.php?p=equipe-espoirs-2013-14-ii-emes-lignes" target="Deuxièmes lignes" title="II ème ligne">
<area shape="RECT" coords="285,255,330,300" href="http://forum-rugby-asm-jeunes.latortuedefelix.fr/page.php?p=equipe-espoirs-2013-14-ii-emes-lignes" target="Deuxièmes lignes" title="II ème ligne">
<area shape="RECT" coords="225,30,300,90" href="http://forum-rugby-asm-jeunes.latortuedefelix.fr/page.php?p=equipe-espoirs-2013-14-iii-emes-lignes" target="Troisième ligne aile 6" title="III ème ligne aile">
<area shape="RECT" coords="240,180,285,225" href="http://forum-rugby-asm-jeunes.latortuedefelix.fr/page.php?p=equipe-espoirs-2013-14-iii-emes-lignes" target="Troisième ligne centre" title="III ème ligne centre">
<area shape="RECT" coords="240,330,285,375" href="http://forum-rugby-asm-jeunes.latortuedefelix.fr/page.php?p=equipe-espoirs-2013-14-iii-emes-lignes" target="Troisième ligne aile 7" title="III ème ligne aile">
<area shape="RECT" coords="210,120,255,165" href="http://forum-rugby-asm-jeunes.latortuedefelix.fr/page.php?p=equipe-espoirs-2013-14-charniere" target="Demie de mélée" title="1/2 de mélée">
<area shape="RECT" coords="195,240,240,300" href="http://forum-rugby-asm-jeunes.latortuedefelix.fr/page.php?p=equipe-espoirs-2013-14-charniere" target="Demie d'ouverture" title="1/2 d'ouverture">
<area shape="RECT" coords="165,15,210,60" href="http://forum-rugby-asm-jeunes.latortuedefelix.fr/page.php?p=equipe-espoirs-2013-14-trois-quarts" target="Aliers" title="3/4 aile">
<area shape="RECT" coords="120,75,195,120" href="http://forum-rugby-asm-jeunes.latortuedefelix.fr/page.php?p=equipe-espoirs-2013-14-trois-quarts" target="Centre" title="3/4 centre">
<area shape="RECT" coords="120,180,180,225" href="http://forum-rugby-asm-jeunes.latortuedefelix.fr/page.php?p=equipe-espoirs-2013-14-trois-quarts" target="Centre 2" title="3/4 centre">
<area shape="RECT" coords="105,300,165,345" href="http://forum-rugby-asm-jeunes.latortuedefelix.fr/page.php?p=equipe-espoirs-2013-14-trois-quarts" target="Ailiers 2" title="3/4 aile">
<area shape="RECT" coords="30,120,90,180" href="http://forum-rugby-asm-jeunes.latortuedefelix.fr/page.php?p=equipe-espoirs-2013-14-arrieres" target="Arrière" title="arrière">
<area shape="RECT" coords="465,180,585,225" href="http://forum-rugby-asm-jeunes.latortuedefelix.fr/page.php?p=equipe-espoirs-2013-14-staff-et-coachs" target="Staff et Coachs" title="Staff et Coachs">
</map>

Il suffira d'appeler le bbcode avec [map][/map] et de valider le message

ancien Ninja · Message par **ancien Ninja** » mar. 17 juin 2014 23:25

Si c'est pour afficher une seule image comme celle du portail tu peux faire par exemple

C'est exactement cela, à ceci près que ce sera une MapImage / an (je ne le ferais que pour l'équipe fanion du CDF = Espoirs)

Donc encore et toujours Merci ++

En ouvrant ce sujet en début de WE je pensais en avoir pour des lustres et bien non, encore une fois, avec PhpBB Ass en 4 jours c'est résolu

Pour ceux que le résultat intéresse j'ai supprimé le Module du Portail, la "MapImage" est visible ici ou par la barre de boutons de menu:

Message par **Steph** » mar. 17 juin 2014 23:28

ancien Ninja · Message par **ancien Ninja** » mar. 15 juil. 2014 08:12

Bonjour à tous

J'ai à nouveau besoin de conseil pour cette demande.

Je suis en train de faire une deuxième image cliquable pour l'effectif Espoir 2014-15 et par la même méthode j'y arrive

Par contre je souhaite intégrer cette image dans un post comme l'autre et donc pas sur le Portail, j'ai donc besoin d'un deuxième BBCode

Je pensais le faire sur le même mode que le précédent en utilisant le code HTML généré mais je constate que Steph a ajouté un id pour cette image dans le code de remplacement: img id="id6151218237179689"

Ma question est: Qu'en est il de cet id, comment est il généré, à quoi correspond il?

Je pense qu'il faut que j'en attribue un autre à cette seconde image, si oui, comment?

Merci

Message par **Steph** » dim. 20 juil. 2014 22:20

Salut,

L'id sert à identifier l'image donc tu peux changer si tu veux juste un chiffre suffira

ancien Ninja · Message par **ancien Ninja** » lun. 21 juil. 2014 09:46

Bonjour Steph

Merci ça marche nickel

http://forum-rugby-asm-jeunes.latortued ... f=67&t=318

De retour de vacances

Merci encore

Message par **Steph** » lun. 21 juil. 2014 12:33

Super alors

Oui de retour de vacances et la pluie rien que la pluie

je retourne dans le sud

Forum PhpBB-Assistance