Page de test : Différence entre versions

[version vérifiée][version vérifiée]
Ligne 1 : Ligne 1 :
 
<div class="mob-container">
 
<div class="mob-container">
<div class="button" data-element="glace">glace</div>
+
<div style="text-align: center; font-size: 20px; font-weight: bold;>Filtrer selon l'élement</div>
<div class="button" data-element="feu">feu</div>
+
<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 15px;">
<div class="button" data-degat="melee">melee</div>
+
<div class="button" data-element="glace">Glace</div>
<div class="button" data-degat="magique">magique</div>
+
<div class="button" data-element="feu">Feu</div>
 +
<div class="button" data-element="obscurite">Obscurité</div>
 +
<div class="button" data-element="vent">Vent</div>
 +
<div class="button" data-element="foudre">Foudre</div>
 +
<div class="button" data-element="terre">Terre</div>
 +
</div>
 +
<div style="text-align: center; font-size: 20px; font-weight: bold;>Filtrer selon le type de dégât</div>
 +
<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 15px;">
 +
<div class="button" data-degat="melee">Mêlée</div>
 +
<div class="button" data-degat="magique">Magique</div>
 +
<div class="button" data-degat="fleche">Flèche</div>
 +
</div>
 +
<div style="text-align: center; font-size: 20px; font-weight: bold;>Filtrer selon le type</div>
 +
<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 15px;">
 +
<div class="button" data-type="mal">Mal</div>
 +
<div class="button" data-type="desert">Désert</div>
 +
<div class="button" data-type="dh">Demi-humain</div>
 +
<div class="button" data-type="animal">Animal</div>
 +
<div class="button" data-type="aucun">Aucun</div>
 +
</div>
 +
<div style="text-align: center; font-size: 20px; font-weight: bold;>Filtrer selon le rang</div>
 +
<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 15px;">
 +
<div class="button" data-rang="1">1</div>
 +
<div class="button" data-type="2">2</div>
 +
<div class="button" data-type="3">3</div>
 +
<div class="button" data-type="4">4</div>
 +
</div>
 
<div class="grid2 image-sizing" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); justify-content: left; grid-gap: 5px;">
 
<div class="grid2 image-sizing" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); justify-content: left; grid-gap: 5px;">
 
{{Monstres/Résumé
 
{{Monstres/Résumé

Version du 22 février 2022 à 00:37

Filtrer selon l'élement
Glace
Feu
Obscurité
Vent
Foudre
Terre
Filtrer selon le type de dégât
Mêlée
Magique
Flèche
Filtrer selon le type
Mal
Désert
Demi-humain
Animal
Aucun
Filtrer selon le rang
1
2
3
4
(120, 4)
Nonspecifie.png
Nonspecifie.png
Archeretrollfeu2.png
Feu
(120, 4)
Nonspecifie.png
Nonspecifie.png
Archeretrollfeu2.png
Feu
(120, 4)
Nonspecifie.png
Nonspecifie.png
Archeretrollfeu2.png
Feu
(120, 4)
Nonspecifie.png
Nonspecifie.png
Archeretrollfeu2.png
Feu
(120, 4)
Nonspecifie.png
Nonspecifie.png
Archeretrollfeu2.png
Feu
(120, 4)
Nonspecifie.png
Nonspecifie.png
Archeretrollfeu2.png
Feu
(120, 4)
Nonspecifie.png
Nonspecifie.png
Archeretrollfeu2.png
Feu
(120, 4)
Nonspecifie.png
Nonspecifie.png
Archeretrollfeu2.png
Feu
(120, 4)
Nonspecifie.png
Nonspecifie.png
Archeretrollfeu2.png
Feu
(120, 4)
Nonspecifie.png
Nonspecifie.png
Archeretrollfeu2.png
Feu
(120, 4)
Nonspecifie.png
Nonspecifie.png
Archeretrollfeu2.png
Feu
(120, 4)
Nonspecifie.png
Nonspecifie.png
Archeretrollfeu2.png
Feu
(120, 4)
Nonspecifie.png
Nonspecifie.png
Archeretrollfeu2.png
Feu
(120, 4)
Nonspecifie.png
Nonspecifie.png
Archeretrollfeu2.png
Feu
(120, 4)
Nonspecifie.png
Nonspecifie.png
Archeretrollfeu2.png
Feu
(120, 4)
Nonspecifie.png
Nonspecifie.png
Archeretrollfeu2.png
Feu
(120, 4)
Nonspecifie.png
Nonspecifie.png
Archeretrollfeu2.png
Feu
(120, 4)
Nonspecifie.png
Nonspecifie.png
Archeretrollfeu2.png
Feu
(120, 4)
Nonspecifie.png
Nonspecifie.png
Archeretrollfeu2.png
Feu
(120, 4)
Nonspecifie.png
Nonspecifie.png
Archeretrollfeu2.png
Feu