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"> | + | <div style="text-align: center; font-size: 20px; font-weight: bold;>Filtrer selon l'élement</div> |
− | <div class="button" data-element="feu"> | + | <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 15px;"> |
− | <div class="button" data-degat="melee"> | + | <div class="button" data-element="glace">Glace</div> |
− | <div class="button" data-degat="magique"> | + | <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
Filtrer selon le type de dégât
Filtrer selon le type
Filtrer selon le rang