Page de test : Différence entre versions

[version vérifiée][version vérifiée]
 
(300 révisions intermédiaires par 3 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
<div id="modalContainer">
+
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 class="modal">
+
<div style="border:1px black solid; border-radius: 8px; overflow: hidden;">
    <div class="modal-content"><span class="close">×</span>
+
<div class="fondfenetre" style="display: flex; justify-content: center; gap: 5px; align-items: center; padding: 2px 5px;">
    <table border="1px" cellspacing="0" cellpadding="5" style=" border-color: blue; border: 1px solid #000000; border-collapse:collapse; margin:1em 1em 1em 0;">
+
<div>[[Image:Livredecompetence.png|25px|link=Compétences de classe]]</div>
<tr>
+
<div>[[Compétences de classe]]</div>
<td colspan="3" align="center" class="fondfenetre" style="color: #ffffff;>Catégorie 5</td></tr>
+
<div>[[Image:Weiliaozi.png|25px|link=Compétences de classe]]</div>
<tr>
 
<td>[[Image:Anneaudexperience200.png]] [[Anneau d'expérience +200]]</td>
 
<td>[[Image:Potiondesagesse.png]] [[Potion de sagesse]]</td>
 
<td>[[Image:Potiondesagesse.png]] [[Potion de sagesse (3h)]]</td></tr>
 
<tr>
 
<td>[[Image:Potiondesagesse.png]] [[Potion d'ascension (3h)]]</td>
 
<td>[[Image:Anneaudelajoie.png]] [[Anneau de la joie]]</td>
 
<td>[[Image:Sucettedelaforce3j.png]] [[Sucette de la force 3 j.]] </td></tr>
 
<tr>
 
<td>[[Image:Sucettedelaforce3j.png]] [[Sucette de la force 7 j.]]</td>
 
<td>[[Image:Sucettemagique.png]] [[Sucette magique]]</td>
 
<td>[[Image:Sucettedelaforce.png]] [[Sucette de la force]] </td></tr>
 
<tr>
 
<td>[[Image:Amulettedenazar.png]] [[Amulette de Nazar]]</td>
 
<td>[[Image:Chocoamulette.png]] [[Choco-amulette]]</td>
 
<td>[[Fichier:anneaucroissantdelune.png]] [[Anneau croissant de lune]]</td></tr>
 
<tr>
 
<td>[[Fichier:medailledeheros.png]] [[Médaille de héros]]</td>
 
<td>[[Fichier:amulettedelamoureternel.png]] [[Bijou de l'amour éternel]]</td>
 
<td>[[Fichier:anneaudeforcemortelle1.png]] [[Anneau de Force mortelle]]</td></tr>
 
<tr>
 
<td>[[Fichier:anneaudevolonte.png]] [[Anneau de Volonté]]</td>
 
<td>[[Fichier:Amulettedesgardiens.png]] [[Amulette des gardiens]]</td>
 
<td> <div style="background-color:rgba(0,150,50,0.1);>[[Image:Boucledoreilledosdudragon.png]] [[Boucles en os de dragon]]</div></td></tr>
 
<tr>
 
<td> <div style="background-color:rgba(0,150,50,0.1);>[[Image:Boucledoreilledosdutigre.png]] [[Boucles en os de tigre]]</div></td>
 
<td> <div style="background-color:rgba(0,150,50,0.1);>[[Image:Braceletostigre.png]] [[Bracelet os de tigre]]</div></td>
 
<td> <div style="background-color:rgba(0,150,50,0.1);>[[Image:Braceletosdragon.png]] [[Bracelet os de Dragon]]</div></td></tr>
 
</table>
 
    </div>
 
  </div>
 
 
</div>
 
</div>
 
+
<div style="display: flex; justify-content: center;">
<div id="buttonContainer">
+
<div style="display: flex; justify-content: center;">[[File:Competencedeclasseanimation.gif|link=Compétences de classe]]</div>
<div class="button">oui</div>
 
<div id="change">abeille</div>
 
<div id="change">tueuse</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 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 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: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 actuelle datée 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