Page de test : Différence entre versions

[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">
+
Catégories de compétences.
<div class="button">Bouton</div>
+
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 7px; text-align: center;">
<div id="change">1er div</div>
+
<div style="border:1px black solid; border-radius: 8px; overflow: hidden;">
<div id="change" style="display:none;">2e div</div>
+
<div class="fondfenetre" style="display: flex; justify-content: center; gap: 5px; align-items: center; padding: 2px 5px;">
<div id="change" style="display:none;">3e div</div>
+
<div>[[Image:Livredecompetence.png|25px|link=Compétences de classe]]</div>
<div id="change" style="display:none;">4e div</div>
+
<div>[[Compétences de classe]]</div>
<div id="change" style="display:none;">5e div</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 class="modal">
 
<div class="modal-content"><span class="close">&times;</span>
 
Je suis un contenu
 
 
</div>
 
</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:Livredeparade.png|25px|link=]]</div>
 +
<div>Parade & Bonus</div>
 +
<div>[[Image:Livredebonus.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="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:9ecompetence.png|25px|link=]]</div>
 +
<div>9<sup>e</sup> compétence</div>
 +
<div>[[Image:9ecompetence.png|25px|link=]]</div>
 
</div>
 
</div>
<div align="center" style="border:1px solid black;">
+
<div style="padding: 5px;">Image</div>
[[Image:Bonuspremiumsungmais.png|100px]]<br>[[Bonus premium SungMa]]
 
<div style="grid-template-columns: repeat(2, auto); display: grid; justify-content:left; grid-gap: 5px;">
 
<div align="center" style="padding:5px; background:red; border:1px solid black;">oui</div>
 
<div align="center" style="padding:5px; background:red; border:1px solid black;">oui</div>
 
<div align="center" style="padding:5px; background:red; border:1px solid black;">oui</div>
 
<div align="center" style="padding:5px; background:red; border:1px solid black;">oui</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>
 
</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 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:Livredefamilierrouge.png|25px|link=]]</div>
 +
<div>Compétences de familier</div>
 +
<div>[[Image:Livredefamilierbleu.png|25px|link=]]</div>
 +
</div>
 +
<div style="padding: 5px;">Image</div>
 +
</div>
 +
</div>
 +
hello world

Version du 1 avril 2024 à 01:26

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