Page de test : Différence entre versions

[version vérifiée][version vérifiée]
(276 révisions intermédiaires par 3 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
{{Subpage2|[[Acceuil]]|[[Monstres]]}}
+
Catégories de compétences.
<div style="{{Objets/Cadre}}">
+
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 7px; text-align: center;">
<div {{Objets/Titre}}>Caractéristiques</div>
+
<div style="border:1px black solid; border-radius: 8px; overflow: hidden;">
<div style="padding: 10px;">
+
<div class="fondfenetre" style="display: flex; justify-content: center; gap: 5px; align-items: center; padding: 2px 5px;">
<div class="container" style="width: 100%; gap: 10px;">
+
<div>[[Image:Livredecompetence.png|25px|link=Compétences de classe]]</div>
<div style="width: 100%; text-align: center; overflow: hidden; background: rgba(0,0,0,.1);">[[Image:Renardgeleglace.png|400px]]</div>
+
<div>[[Compétences de classe]]</div>
<div style="width: 100%; display: flex; flex-direction: column; align-content: space-between;">
+
<div>[[Image:Weiliaozi.png|25px|link=Compétences de classe]]</div>
<div style="display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 5px; width: 100%;">
 
<div>
 
<div class="fondfenetre" style="text-align: center; color: white; line-height: 25px;">Niveau</div>
 
<div align="center" style="line-height: 25px;">123</div>
 
 
</div>
 
</div>
<div>
+
<div style="display: flex; justify-content: center;">
<div class="fondfenetre" style="text-align: center; color: white; line-height: 25px;">Rang</div>
+
<div style="display: flex; justify-content: center;">[[File:Competencedeclasseanimation.gif|link=Compétences de classe]]</div>
<div align="center" style="line-height: 25px;">2</div>
 
 
</div>
 
</div>
<div>
 
<div class="fondfenetre" style="text-align: center; color: white; line-height: 25px;">Type</div>
 
<div align="center" style="line-height: 25px;">Aucun</div>
 
 
</div>
 
</div>
<div>
+
<div style="border:1px black solid; border-radius: 8px; overflow: hidden;">
<div class="fondfenetre" style="text-align: center; color: white; line-height: 25px;">Expérience</div>
+
<div class="fondfenetre" style="display: flex; justify-content: center; gap: 5px; align-items: center; padding: 2px 5px;">
<div align="center" style="line-height: 25px;">37</div>
+
<div>[[Image:Livredeparade.png|25px|link=]]</div>
 +
<div>Parade & Bonus</div>
 +
<div>[[Image:Livredebonus.png|25px|link=]]</div>
 
</div>
 
</div>
<div>
+
<div style="padding: 5px;">Image</div>
<div class="fondfenetre" style="text-align: center; color: white; line-height: 25px;">Élément</div>
 
<div align="center" style="line-height: 25px;">{{Glace}}</div>
 
 
</div>
 
</div>
<div>
+
<div style="border:1px black solid; border-radius: 8px; overflow: hidden;">
<div class="fondfenetre" style="text-align: center; color: white; line-height: 25px;">Défense</div>
+
<div class="fondfenetre" style="display: flex; justify-content: center; gap: 5px; align-items: center; padding: 2px 5px;">
<div align="center" style="line-height: 25px;">400 [[Image:Defense.png]]</div>
+
<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="grid-column: span 2;">
+
<div style="padding: 5px;">Image</div>
<div class="fondfenetre" style="text-align: center; color: white; line-height: 25px;">Type de dégât</div>
 
<div align="center" style="line-height: 25px;">Corps-à-corps, dégâts physiques</div>
 
 
</div>
 
</div>
<div>
+
<div style="border:1px black solid; border-radius: 8px; overflow: hidden;">
<div class="fondfenetre" style="text-align: center; color: white; line-height: 25px;">Agressif</div>
+
<div class="fondfenetre" style="display: flex; justify-content: center; gap: 5px; align-items: center; padding: 2px 5px;">
<div align="center" style="line-height: 25px;">[[Image:Non.png]]</div>
+
<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="text-align: center;">
+
<div style="border:1px black solid; border-radius: 8px; overflow: hidden;">
<div class="fondfenetre" style="text-align: center; color: white; margin: 20px 0 10px; line-height: 25px;">Zones d'apparition</div>
+
<div class="fondfenetre" style="display: flex; justify-content: center; gap: 5px; align-items: center; padding: 2px 5px;">
{{Modal|Largueur=True|Haut=True|Ravin d'Aquilon|2=<div>[[Ravin d'Aquilon]]</div><div class="cadreCarte" style="margin-top: 10px;">[[Image:Carteravindaquilon.png]]</div>}}
+
<div>[[Image:Manueldequitation.png|25px|link=]]</div>
 +
<div>Compétences de monture</div>
 +
<div>[[Image:Competencecheval2.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:Livredefamilierrouge.png|25px|link=]]</div>
 +
<div>Compétences de familier</div>
 +
<div>[[Image:Livredefamilierbleu.png|25px|link=]]</div>
 
</div>
 
</div>
 +
<div style="padding: 5px;">Image</div>
 
</div>
 
</div>
 
</div>
 
</div>
<div class="fondfenetre" style="text-align: center; color: white; margin-top: 5px;">Peut-il…</div>
+
hello world
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(60px, 1fr)); gap: 5px; margin-top: 5px;">
 
<div>
 
<div class="fondfenetre" style="text-align: center; color: white;">Empoi. ?</div>
 
<div align="center" style="padding-top: 5px;">[[Image:Non.png]]</div>
 
</div>
 
<div>
 
<div class="fondfenetre" style="text-align: center; color: white;">Ralentir ?</div>
 
<div align="center" style="padding-top: 5px;">[[Image:Non.png]]</div>
 
</div>
 
<div>
 
<div class="fondfenetre" style="text-align: center; color: white;">Étourdir ?</div>
 
<div align="center" style="padding-top: 5px;">[[Image:Non.png]]</div>
 
</div>
 
</div>
 
<div class="fondfenetre" style="text-align: center; color: white; margin-top: 5px;">Résistance</div>
 
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 5px; margin-top: 5px;">
 
<div>
 
<div class="fondfenetre" style="text-align: center; color: white;">Poison ?</div>
 
<div align="center" style="padding-top: 5px;">[[Image:Non.png]]</div>
 
</div>
 
<div>
 
<div class="fondfenetre" style="text-align: center; color: white;">Ralentissement ?</div>
 
<div align="center" style="padding-top: 5px;">[[Image:Non.png]]</div>
 
</div>
 
<div>
 
<div class="fondfenetre" style="text-align: center; color: white;">Étourdissement ?</div>
 
<div align="center" style="padding-top: 5px;">[[Image:Non.png]]</div>
 
</div>
 
<div>
 
<div class="fondfenetre" style="text-align: center; color: white;">Saignement ?</div>
 
<div align="center" style="padding-top: 5px;">[[Image:Non.png]]</div>
 
</div>
 
</div>
 
[[Catégorie:Monstres]]
 

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