Page de test : Différence entre versions

(Voir les modifications en cours par rapport à la version publiée)
[version vérifiée][version vérifiée]
(417 révisions intermédiaires par 5 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
−
<div id="buttonContainer">
+
{{Test
−
<div class="button">Bouton</div>
+
|Carte=Cartegrottedelexillarge
−
<div id="change">1er div</div>
+
|CartePNJ=
−
<div id="change" style="display:none;">2e div</div>
+
{{Carte/PNJ|Nom=Heuk-Young|x=95|y=30}}
−
<div id="change" style="display:none;">3e div</div>
+
{{Carte/PNJ|Nom=Autel Sombre|x=830|y=855}}
−
<div id="change" style="display:none;">4e div</div>
+
{{Carte/PNJ|Nom=Squelette de Sura 1|x=235|y=900}}
−
<div id="change" style="display:none;">5e div</div>
+
{{Carte/PNJ|Nom=Squelette de Sura 1|x=1345|y=325}}
 +
{{Carte/PNJ|Nom=Squelette de Sura 2|x=150|y=1340}}
 +
{{Carte/PNJ|Nom=Squelette de Sura 2|x=1020|y=985}}
 +
{{Carte/PNJ|Nom=Squelette de Sura 3|x=515|y=1405}}
 +
{{Carte/PNJ|Nom=Squelette de Sura 4|x=375|y=650}}
 +
{{Carte/PNJ|Nom=Grotte de l'Exil 2|x=1374|y=1405|color=blue}}
 +
}}
 +
 
 +
Catégories de compétences.
 +
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 7px; text-align: center;">
 +
<div style="border:1px black solid; border-radius: 8px; overflow: hidden;">
 +
<div class="fondfenetre" style="display: flex; justify-content: center; gap: 5px; align-items: center; padding: 2px 5px;">
 +
<div>[[Image:Livredecompetence.png|25px|link=Compétences de classe]]</div>
 +
<div>[[Compétences de classe]]</div>
 +
<div>[[Image:Weiliaozi.png|25px|link=Compétences de classe]]</div>
 
</div>
 
</div>
−
 
+
<div style="display: flex; justify-content: center;">
−
<div id="modalContainer">
+
<div style="display: flex; justify-content: center;">[[File:Competencedeclasseanimation.gif|link=Compétences de classe]]</div>
−
<div class="button">Bouton</div>
+
</div>
−
<div class="modal">
+
</div>
−
<div class="modal-content"><span class="close">&times;</span>
+
<div style="border:1px black solid; border-radius: 8px; overflow: hidden;">
−
Je suis un contenu
+
<div class="fondfenetre" style="display: flex; justify-content: center; gap: 5px; align-items: center; padding: 2px 5px;">
 +
<div>[[Image:Livredeparade.png|25px|link=]]</div>
 +
<div>Parade & Bonus</div>
 +
<div>[[Image:Livredebonus.png|25px|link=]]</div>
 +
</div>
 +
<div style="padding: 5px;">Image</div>
 +
</div>
 +
<div style="border:1px black solid; border-radius: 8px; overflow: hidden;">
 +
<div class="fondfenetre" style="display: flex; justify-content: center; gap: 5px; align-items: center; padding: 2px 5px;">
 +
<div>[[Image:9ecompetence.png|25px|link=]]</div>
 +
<div>9<sup>e</sup> compétence</div>
 +
<div>[[Image:9ecompetence.png|25px|link=]]</div>
 
</div>
 
</div>
 +
<div style="padding: 5px;">Image</div>
 
</div>
 
</div>
 +
<div style="border:1px black solid; border-radius: 8px; overflow: hidden;">
 +
<div class="fondfenetre" style="display: flex; justify-content: center; gap: 5px; align-items: center; padding: 2px 5px;">
 +
<div>[[Image:Livredeprecision.png|25px|link=]]</div>
 +
<div>Compétences secondaires</div>
 +
<div>[[Image:Lartdeguerresunzi.png|25px|link=]]</div>
 
</div>
 
</div>
−
 
+
<div style="padding: 5px;">Image</div>
−
 
 
−
 
 
−
<div style="grid-template-columns: repeat(auto-fill, 200px); display: grid; justify-content:left; grid-gap: 5px;">
 
−
<div align="center" style="border:1px solid black;">
 
−
[[Image:Chasseautomatiqueis.png|100px]]<br>[[Chasse automatique]]
 
−
<div style="margin-bottom:5px; width:max-content; justify-content: center; grid-template-columns: repeat(2, auto); display: grid; justify-content:left; grid-gap: 5px;">
 
−
<div align="left">7 jours</div>
 
−
<div align="right">49 {{DC}}</div>
 
−
<div align="left">14 jours</div>
 
−
<div align="right">94 {{DC}}</div>
 
−
<div align="left">30 jours</div>
 
−
<div align="right">195 {{DC}}</div>
 
 
</div>
 
</div>
 +
<div style="border:1px black solid; border-radius: 8px; overflow: hidden;">
 +
<div class="fondfenetre" style="display: flex; justify-content: center; gap: 5px; align-items: center; padding: 2px 5px;">
 +
<div>[[Image:Manueldequitation.png|25px|link=]]</div>
 +
<div>Compétences de monture</div>
 +
<div>[[Image:Competencecheval2.png|25px|link=]]</div>
 
</div>
 
</div>
−
<div style="grid-template-columns: repeat(auto-fill, 200px); display: grid; justify-content:left; grid-gap: 5px;">
+
<div style="padding: 5px;">Image</div>
−
<div align="center" style="border:1px solid black;">
 
−
[[Image:Bonuspremiumsungmais.png|100px]]<br>[[Bonus premium SungMa]]
 
−
<div style="margin-bottom:5px; width:max-content; justify-content: center; grid-template-columns: repeat(2, auto); display: grid; justify-content:left; grid-gap: 5px;">
 
−
<div align="left">1 jours</div>
 
−
<div align="right">49 {{DC}}</div>
 
−
<div align="left">7 jours</div>
 
−
<div align="right">299 {{DC}}</div>
 
−
<div align="left">15 jours</div>
 
−
<div align="right">599 {{DC}}</div>
 
−
<div align="left">30 jours</div>
 
−
<div align="right">999 {{DC}}</div>
 
 
</div>
 
</div>
 +
<div style="border:1px black solid; border-radius: 8px; overflow: hidden;">
 +
<div class="fondfenetre" style="display: flex; justify-content: center; gap: 5px; align-items: center; padding: 2px 5px;">
 +
<div>[[Image:Livredefamilierrouge.png|25px|link=]]</div>
 +
<div>Compétences de familier</div>
 +
<div>[[Image:Livredefamilierbleu.png|25px|link=]]</div>
 
</div>
 
</div>
 +
<div style="padding: 5px;">Image</div>
 
</div>
 
</div>
 
</div>
 
</div>
 +
hello world

Version du 4 mai 2024 à 01:30


Catégories de compétences.

Livredeparade.png
Parade & Bonus
Livredebonus.png
Image
9ecompetence.png
9e compétence
9ecompetence.png
Image
Livredeprecision.png
Compétences secondaires
Lartdeguerresunzi.png
Image
Manueldequitation.png
Compétences de monture
Competencecheval2.png
Image
Livredefamilierrouge.png
Compétences de familier
Livredefamilierbleu.png
Image

hello world

Récupérée de « https://fr-wiki.metin2.gameforge.com/index.php?title=Page_de_test&oldid=98569 »