Page de test : Différence entre versions

[version vérifiée][version vérifiée]
(313 révisions intermédiaires par 3 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
<div id="tabber-container">
+
Catégories de compétences.
<div style="display: flex; flex-direction: row; column-gap: 10px; background: rgba(0,0,0,.1); padding: 5px; border: 1px black solid; border-bottom: 1px black;">
+
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 7px; text-align: center;">
<div class="button tabber-active" id="0">button 1</div>
+
<div style="border:1px black solid; border-radius: 8px; overflow: hidden;">
<div class="button" id="1">button 2</div>
+
<div class="fondfenetre" style="display: flex; justify-content: center; gap: 5px; align-items: center; padding: 2px 5px;">
<div class="button" id="2">button 3</div>
+
<div>[[Image:Livredecompetence.png|25px|link=Compétences de classe]]</div>
<div class="button" id="3">button 4</div>
+
<div>[[Compétences de classe]]</div>
 +
<div>[[Image:Weiliaozi.png|25px|link=Compétences de classe]]</div>
 
</div>
 
</div>
<div id="tabber-texte" style="border: 1px black solid; padding: 5px;">
+
<div style="display: flex; justify-content: center;">
<div class="tabber-noactive tabber-active" id="0">content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1</div>
+
<div style="display: flex; justify-content: center;">[[File:Competencedeclasseanimation.gif|link=Compétences de classe]]</div>
<div class="tabber-noactive" id="1">content 2</div>
 
<div class="tabber-noactive" id="2">content 3</div>
 
<div class="tabber-noactive" id="3"><div id="tabber-container">
 
<div style="display: flex; flex-direction: row; column-gap: 10px; background: rgba(0,0,0,.1); padding: 5px; border: 1px black solid; border-bottom: 1px black;">
 
<div class="button tabber-active" id="0">button 1</div>
 
<div class="button" id="1">button 2</div>
 
<div class="button" id="2">button 3</div>
 
<div class="button" id="3">button 4</div>
 
 
</div>
 
</div>
<div id="tabber-texte" style="border: 1px black solid; padding: 5px;">
 
<div class="tabber-noactive tabber-active" id="0">content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1</div>
 
<div class="tabber-noactive" id="1">content 2</div>
 
<div class="tabber-noactive" id="2">content 3</div>
 
<div class="tabber-noactive" id="3"><div id="tabber-container">
 
<div style="display: flex; flex-direction: row; column-gap: 10px; background: rgba(0,0,0,.1); padding: 5px; border: 1px black solid; border-bottom: 1px black;">
 
<div class="button tabber-active" id="0">button 1</div>
 
<div class="button" id="1">button 2</div>
 
<div class="button" id="2">button 3</div>
 
<div class="button" id="3">button 4</div>
 
  <div class="button" id="4">button 5</div>
 
 
 
</div>
 
</div>
<div id="tabber-texte" style="border: 1px black solid; padding: 5px;">
+
<div style="border:1px black solid; border-radius: 8px; overflow: hidden;">
<div class="tabber-noactive tabber-active" id="0">content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1</div>
+
<div class="fondfenetre" style="display: flex; justify-content: center; gap: 5px; align-items: center; padding: 2px 5px;">
<div class="tabber-noactive" id="1">content 2</div>
+
<div>[[Image:Livredeparade.png|25px|link=]]</div>
<div class="tabber-noactive" id="2">content 3</div>
+
<div>Parade & Bonus</div>
<div class="tabber-noactive" id="3">content 4</div>
+
<div>[[Image:Livredebonus.png|25px|link=]]</div>
  <div class="tabber-noactive" id="4">content 5</div>
 
 
 
 
</div>
 
</div>
</div></div>
+
<div style="padding: 5px;">Image</div>
 
</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: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 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: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