Voici mon club déjà : https://www.sailorfuku.com/club-132391-le-grand-tournoi-des-maisons-harry-potter
Voici ma requête : https://www.zupimages.net/viewer.php?id=20/52/ddfo.png
Je voudrais rajouter une image des salles de mon club (y aura des liens à mettre par-dessus mais je le ferai), j'ai attaqué ici pour les 3 premières salles en-haut (d'ailleurs si tu vois que je me suis plantée tu pourras me dire stp?) :
<div style="width: auto; height: 330px; overflow: auto; padding: 20px; auto;">
<p style="text-align: center;"><a name="2"></a></p>
<p style="text-align: center;"> </p>
<p>
<map id="HP" name="map">
<area shape="rect" coords="35,35,110,130" href='' alt="Grande Salle" target="_blank" />
<area shape="rect" coords="125,35,175,130" href='' alt="Bureau" target="_blank" />
<area shape="rect" coords="185,35,240,130" href="https://justpaste.it/redirect/4sfq5/https%3A%2F%2Fwww.sailorfuku.com%2Fclub-132624-maison-poufsouffle" alt="Poufsouffle" target="_blank" />
</map>
</p>
<p style="text-align: center;"><img style="border-radius: 5px;" usemap="#map" src="https://www.zupimages.net/up/20/52/akqa.jpg" alt="" width="450" /></p>
<p style="text-align: center;"> </p>
</div>
Donc je voudrais rajouter cette "map" sur mon club principal. Tu peux la mettre où tu veux.
Code html de tout mon club actuel :
<div style="cursor: u rl(temp/1366878413.gif), default;">
<p><img style=" -10px;" src="https://www.zupimages.net/up/20/50/0w8o.jpg" alt="" width="710" /></p>
<div style="width: 130px; height: 260px; border: 7px double #910003; position: absolute; top: 440px; left: 70px; text-align: center;"><img src="https://i.pinimg.com/originals/5d/2f/44/5d2f44299245a374d623fa10819ece7e.png" alt="" width="130" height="65" /><br /><a style="color: black; font-size: small; text-shadow: 1px 1px 1px black;" href=''>Présentation</a><br /><br /><a style="color: black; font-size: small; text-shadow: 1px 1px 1px black;" href=''>Serpentard</a><br /><a style="color: black; font-size: small; text-shadow: 1px 1px 1px black;" href=''>Serdaigle<br /></a><a style="color: black; font-size: small; text-shadow: 1px 1px 1px black;" href=''>Gryffondor</a><br /><a style="color: black; font-size: small; text-shadow: 1px 1px 1px black;" href=''>Poufsouffle</a><br /><br /><a style="color: black; font-size: small; text-shadow: 1px 1px 1px black;" href=''>Les épreuves</a><br /><a style="color: black; font-size: small; text-shadow: 1px 1px 1px black;" href=''>Le classement</a><br /><a style="color: black; font-size: small; text-shadow: 1px 1px 1px black;" href=''>La boutique</a></div>
<div style="width: 415px; height: 150px; position: absolute; top: 440px; left: 220px; border: 2px solid #eda70f; text-align: center; overflow: auto; text-shadow: 0px 0px 1px black;"><br /><br /><span style="font-size: large;"><strong>Bienvenue cher sorcier !</strong></span><br /><span style="font-size: small;">Merci de lire ces quelques lignes avant de t'aventurer dans le château de Poudlard...</span><br />1) Avant de commencer ton aventure : réalise ce <a style="color: black; text-shadow: 0px 0px 1px black;" href="https://justpaste.it/redirect/4sfq5/https%3A%2F%2Fdocs.google.com%2Fforms%2Fd%2Fe%2F1FAIpQLSedh6b6T0Kwj3wDa0GdRmkgUf78Thnf8L50ce-K4U3ZoERyvQ%2Fviewform%3Fusp%3Dsf_link"><span style="color: #ff0000;">Test de personnalité afin de connaitre le nom de la maison pour qui tu vas devoir jouer !</span><br /></a><br />2) Informe-moi lorsque tu as réalisé le test afin que je te fasse enfin part de la décision du choixpeau !<br /><br />3) Ca y est, tu appartiens à une maison, bienvenue ! Tu peux saluer les membres de ta nouvelle équipe ! Alors, heureux ? Sache que chaque maison a ses qualités et ses défauts, il n'y a pas de "mauvaises" maisons ! Tu peux maintenant rejoindre le club associé à ta maison et lire la lettre de bienvenue : <a href=''>Serpentard</a> <a href=''>Serdaigle</a> <a href=''>Gryffondor</a> <a href=''>Poufsouffle</a><br /><br />4) Envoie un screen de ta sailor en sorcier(e), aux couleurs de ta maison afin que je l'ajoute aux photos des membres.<br /><br />5) Regarde la section "les épreuves" et tente de réussir les épreuves du mois avec ta maison, afin de remporter le grand tournoi ! Des jeux individuels et en équipes sont organisés chaque mois ! Bonne chance !<br /><br />6) Grâce à tes connaissances et tes compétences, tu vas gagner des points sur les différentes épreuves. Et encore plus de points si ta maison gagne le grand tournoi ! Ces points seront transformés en Gallions qui pourront être utilisables dans<a href=''> la boutique</a>. Tu peux jeter un oeil à cette section pour te renseigner. Des Gallions pourront être convertis en $f, ou te serviront à acheter des objets virtuels sur le club. Mais attention, tu ne pourras pas dilapider toute la cagnotte de ta maison, il faudra que tu aies l'approbation des membres de ta maison pour faire une transaction dans la boutique. <br /><br /><span style="font-size: medium;"><br />En clair, ce club est destiné aux sailors actives et qui aiment jouer. <br />Bon jeu !</span></div>
<table style="position: absolute; top: 720px; left: 60px;">
<tbody>
<tr>
<td>
<div style="width: 280px; height: 240px; background-color: white; overflow: hidden;">
<div style="width: 280px; height: 240px; background-color: #20a917; text-align: center; text-shadow: 0px 0px 1px black; overflow: auto;"><a id="serpentard" name="serpentard"></a><br /><br /><a href=''><img src="https://fontan.io/1000x0/media/www.warnerbros.fr/b/8/b8917370034ae7872e6137d5c25f1637.jpg" alt="" width="250" height="131" /><br /><span style="font-size: medium;">Rejoins le club des Serpentards en cliquant ici</span></a><br /><span style="font-size: medium;"><a href=''></a><a href=''></a></span></div>
<br /><br />
<div style="width: 280px; height: 240px; background-color: #0b729f; text-align: center; text-shadow: 0px 0px 1px black; overflow: auto;"><a id="serdaigle" name="serdaigle"></a><br /><br /><a href=''><img src="https://fontan.io/1000x0/media/www.warnerbros.fr/4/1/415d97f8d5571a537d2cdc33ec7b5142.jpg" alt="" width="250" height="131" /></a><br /><span style="font-size: medium;"><a href=''><span style="color: #ff0000;">Rejoins le club Serdaigle en cliquant ici<br /><br /></span></a></span></div>
<br /><br />
<div style="width: 280px; height: 240px; background-color: #d40606; text-align: center; text-shadow: 0px 0px 1px black; overflow: auto;"><a id="gryffondor" name="gryffondor"></a><br /><br /><a href=''><img src="https://fontan.io/media/www.warnerbros.fr/e/0/e0ac13114f779fb4231142bcc26c9c4a.jpg" alt="" width="250" height="131" /></a><br /><span style="font-size: small;"><span style="font-size: medium;"><a href=''></a><a href=''><span style="color: #000000;">Rejoins le club Gryffondor en cliquant ici</span></a><br /><a href=''></a><br /><br /><a href=''></a><a href=''><span style="color: #808080;"><br /></span></a></span><br /></span></div>
<br /><br />
<div style="width: 280px; height: 240px; background-color: #f1f10a; text-align: center; text-shadow: 0px 0px 1px black; overflow: auto;"><a id="poufsouffle" name="poufsouffle"></a><br /><br /><a href=''><img src="https://fontan.io/media/www.warnerbros.fr/8/4/84ed897a4fe355d12ef8ccc9bcba60b6.jpg" alt="" width="250" height="131" /></a><br /><br /><span style="font-size: medium;"><a href=''><span style="color: #000080;">Rejoins le club Poufsouffle en cliquant ici<br /></span></a></span></div>
</div>
</td>
<td>
<div style="width: 10px;"> </div>
</td>
<td>
<div style="width: 270px; height: 230px; background-color: white; overflow: hidden; border: 7px double #910003;">
<div style="width: 270px; height: 230px; background-color: white; text-align: left; text-shadow: black 0px 0px 1px; overflow: auto;"><a name="6"></a><br /><br /> <span style="text-decoration: underline;"><strong><br /><span style="font-size: medium;"><span style="font-size: medium;"><a href="https://justpaste.it/6gtks">Liste des épreuves possibles et leur description (clique)</a><br /><br />Les épreuves du mois de janvier (les dates sont approximatives pour l'instant) :<br /><br /></span></span></strong></span><strong><span style="font-size: medium;"><span style="font-size: medium;">-Enigmes du 1er janvier au 8 janvier<br />-</span></span></strong><strong><span style="font-size: medium;"><span style="font-size: medium;">Cluedo "secret à Poudlard"</span></span></strong><span style="text-decoration: underline;"><strong><span style="font-size: medium;"><span style="font-size: medium;"> </span></span></strong></span><strong><span style="font-size: medium;"><span style="font-size: medium;">du 8 janvier </span></span></strong><strong></strong><strong><span style="font-size: medium;"><span style="font-size: medium;">au 15 janvier</span></span></strong><span style="text-decoration: underline;"><strong><span style="font-size: medium;"><span style="font-size: medium;"><br /></span></span></strong></span><strong><span style="font-size: medium;"><span style="font-size: medium;">-Potion magique </span></span></strong><strong><span style="font-size: medium;"><span style="font-size: medium;">du 15 janvier au 22 janvier</span></span></strong><span style="text-decoration: underline;"><strong><span style="font-size: medium;"><span style="font-size: medium;"><br /></span></span></strong></span><strong><span style="font-size: medium;"><span style="font-size: medium;">-Quizz inversé du 22 janvier au 27 janvier</span></span></strong><span style="text-decoration: underline;"><strong><span style="font-size: medium;"><span style="font-size: medium;"><br /><br /></span></span></strong></span><br /><br /></div>
<br /><br />
<div style="width: 270px; height: 230px; background-color: white; text-align: center; text-shadow: 0px 0px 1px black; overflow: auto;"><a name="7"></a><br /><br /><span style="font-size: medium;"><strong>Le classement des maisons</strong><br /><strong><br />Mois de décembre :<br /></strong> <br /><span style="font-size: medium;"><strong><span style="color: #ff0000;">1ère place Gryffondor = 155 points (+300pts)</span></strong><br /><span style="font-size: medium;">2ème place Poufsouffle = 120 points<br /><span style="font-size: medium;">3ème place Serpentard = 100 points</span></span><br /></span>4ème place Serdaigle = 40 points<br /><br />*Rappel : 1 point = 1 Gallion<strong></strong><br /></span></div>
<br /><br />
<div style="width: 270px; height: 230px; background-color: white; text-align: center; text-shadow: 0px 0px 1px black; overflow: auto;"><a name="8"></a><span style="font-size: large;">La boutique de magie </span><span style="font-size: large;"><br /><br /><a href=''><img src="https://www.france-adresses.fr/wp-content/uploads/2019/09/cliquezici-798x363.jpg" alt="" width="200" height="91" /></a><br /></span></div>
</div>
</td>
</tr>
</tbody>
</table>
<div style="width: 415px; height: 150px; position: absolute; top: 590px; left: 220px; text-align: center;"><img src="https://gigietcram.net/gifsdossier/dessinanime/harrypotter/harrypotter21.gif" alt="" /><img src="https://p8.storage.canalblog.com/81/41/291155/46397939.gif" alt="" width="100" height="140" /><img src="https://phoneky.co.uk/thumbs/screensavers/down/movies/harrypotte_rdobb66d.gif" alt="" height="140" /></div>
</div>
<p><a style="color: black; font-size: x-small; text-shadow: 1px 1px 1px black; position: absolute; top: 1030px; left: 275px;" href=''>HTML by Rainy - ne pas plagier</a></p>