Page de test : Différence entre versions

[version vérifiée][version vérifiée]
(207 révisions intermédiaires par 3 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
{{Subpage2|[[Accueil]]|[[Compétences]]}}
+
Catégories de compétences.
<div style="margin: 10px 0;">
+
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 7px; text-align: center;">
<div style="{{Objets/Cadre}}">
+
<div style="border:1px black solid; border-radius: 8px; overflow: hidden;">
<div {{Objets/Titre}}>Caractéristiques</div>
+
<div class="fondfenetre" style="display: flex; justify-content: center; gap: 5px; align-items: center; padding: 2px 5px;">
<div style="margin: 10px;">
+
<div>[[Image:Livredecompetence.png|25px|link=Compétences de classe]]</div>
<p>'''Talisman volant''' est une '''compétence de classe''' de type '''Attaque magique à distance''' pouvant être utilisée par les '''Chamanes''' ayant choisi la classe '''Dragon'''. Elle peut être utilisée en portant un '''Gong''' ou un '''Éventail''' sur une cible préalablement sélectionnée.</p>
+
<div>[[Compétences de classe]]</div>
<div class="container" style="gap: 10px; align-items: flex-start; width: 100%;">
+
<div>[[Image:Weiliaozi.png|25px|link=Compétences de classe]]</div>
<div style="border: 1px black dashed; position: relative; width: 100%; margin-top: 20px;">
 
<div style="position: absolute; display: inline-block; border: 1px black dashed; top: 0; left: 50%; transform: translate(-50%,-70%); padding: 0 15px; background: #f0d9a2; width: max-content;">'''Informations'''</div>
 
<div style="margin: 10px; line-height: 25px;">
 
<div>'''Description''' : Vous envoyez un talisman provoquant des dommages aux ennemis.</div>
 
<div>'''Temps d'attente''' : 9 secondes</div>
 
<div>'''Cible max.''' : 5</div>
 
 
</div>
 
</div>
 +
<div style="display: flex; justify-content: center;">
 +
<div style="display: flex; justify-content: center;">[[File:Competencedeclasseanimation.gif|link=Compétences de classe]]</div>
 
</div>
 
</div>
<div style="border: 1px black dashed; position: relative; width: 100%; margin-top: 20px; display:">
 
<div style="position: absolute; display: inline-block; border: 1px black dashed; top: 0; left: 50%; transform: translate(-50%,-70%); padding: 0 15px; background: #f0d9a2; width: max-content;">'''Détail des niveaux'''</div>
 
<div style="margin: 10px; line-height: 25px;">
 
<div style="display: flex; justify-content: space-between; flex-wrap: wrap; margin: 5px 0; gap: 5px;">
 
<div>[[Image:Talismanvolant1.png]] : Talisman volant</div>{{Modal|Largeur=3|1=Afficher GIF|2=[[Image:Talisman volant 1.gif]]}}
 
 
</div>
 
</div>
<div style="display: flex; justify-content: space-between; flex-wrap: wrap; margin: 5px 0; gap: 5px;">
+
<div style="border:1px black solid; border-radius: 8px; overflow: hidden;">
<div>[[Image:Talismanvolant2.png]] : Talisman du Tigre bondissant</div>{{Modal|Largeur=3|1=Afficher GIF|2=[[Image:Talisman volant M.gif]]}}
+
<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>
<div style="display: flex; justify-content: space-between; flex-wrap: wrap; margin: 5px 0; gap: 5px;">
+
<div style="padding: 5px;">Image</div>
<div>[[Image:Talismanvolant3.png]] : Talisman du Dragon voltigeant</div>{{Modal|Largeur=3|1=Afficher GIF|2=[[Image:Talisman volant G.gif]]}}
 
 
</div>
 
</div>
<div style="display: flex; justify-content: space-between; flex-wrap: wrap; margin: 5px 0; gap: 5px;">
+
<div style="border:1px black solid; border-radius: 8px; overflow: hidden;">
<div>[[Image:Talismanvolant3.png]] : Talisman volant (parfait)</div>{{Modal|Largeur=3|1=Afficher GIF|2=[[Image:Talisman volant P.gif]]}}
+
<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>
 +
<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: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="margin: 10px 0;">
+
<div style="border:1px black solid; border-radius: 8px; overflow: hidden;">
<div style="{{Objets/Cadre}}">
+
<div class="fondfenetre" style="display: flex; justify-content: center; gap: 5px; align-items: center; padding: 2px 5px;">
<div {{Objets/Titre}}>Formules</div>
+
<div>[[Image:Livredefamilierrouge.png|25px|link=]]</div>
<div class="center" style="margin: 10px;">
+
<div>Compétences de familier</div>
{{Tabber
+
<div>[[Image:Livredefamilierbleu.png|25px|link=]]</div>
|noBg=True
 
|Center=True
 
|Bo1=Valeur d'attaque magique
 
|Co1=<div style="width: max-content;">[[Image:Formulexp.png]]</div>
 
|Bo2=Chance de ralentissement
 
|Co2=
 
}}
 
 
</div>
 
</div>
 +
<div style="padding: 5px;">Image</div>
 
</div>
 
</div>
 
</div>
 
</div>
</div>
+
hello world
[[Catégorie:Compétences]]
 

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