Code pour image cliquable

Image Tout ce qui est en rapport avec l'hébergement , codes , sites , blogs etc ...
Répondre
     
Avatar du membre

Auteur du sujet
ancien Ninja
Membre Tranquility
Membre Tranquility
Messages : 1326
Enregistré le : août 2011
Contact :

Code pour image cliquable

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 :kiss1: :vivepa:

Ici rien d'impossible et en plus on progresse grâce à vous :n°1:

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 :?:

:meuh:
Ninja (Anagramme de Janin(e))

Avatar du membre

Steph
Administrateur phpBB Assistance
Administrateur phpBB Assistance
Messages : 10841
Enregistré le : avril 2010
Hébergeur(s) : monarobase
Localisation : Alsace (67)
Contact :

Re: Code pour image cliquable

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

Avatar du membre

Auteur du sujet
ancien Ninja
Membre Tranquility
Membre Tranquility
Messages : 1326
Enregistré le : août 2011
Contact :

Code pour image cliquable

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 ++ :vivepa: :kiss1:

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 :n°1:

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: Image

:vivepa: :plop:
Ninja (Anagramme de Janin(e))


Avatar du membre

Auteur du sujet
ancien Ninja
Membre Tranquility
Membre Tranquility
Messages : 1326
Enregistré le : août 2011
Contact :

Code pour image cliquable

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

Bonjour à tous :clin:

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 :n°1:

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 :clin:
Ninja (Anagramme de Janin(e))

Avatar du membre

Steph
Administrateur phpBB Assistance
Administrateur phpBB Assistance
Messages : 10841
Enregistré le : avril 2010
Hébergeur(s) : monarobase
Localisation : Alsace (67)
Contact :

Re: Code pour image cliquable

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

Avatar du membre

Auteur du sujet
ancien Ninja
Membre Tranquility
Membre Tranquility
Messages : 1326
Enregistré le : août 2011
Contact :

Code pour image cliquable

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

Bonjour Steph :clin:

Merci ça marche nickel :vivepa: http://forum-rugby-asm-jeunes.latortued ... f=67&t=318

De retour de vacances :?:

Merci encore
Ninja (Anagramme de Janin(e))

Avatar du membre

Steph
Administrateur phpBB Assistance
Administrateur phpBB Assistance
Messages : 10841
Enregistré le : avril 2010
Hébergeur(s) : monarobase
Localisation : Alsace (67)
Contact :

Re: Code pour image cliquable

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

Super alors :clin:

Oui de retour de vacances et la pluie rien que la pluie :CP: je retourne dans le sud

Répondre

Retourner vers « Support Webmastering »