Page de test : Différence entre versions

[version vérifiée][version vérifiée]
Ligne 1 : Ligne 1 :
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 
Catégories de compétences.
 
Catégories de compétences.
 
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 7px; text-align: center;">
 
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 7px; text-align: center;">
Ligne 52 : Ligne 65 :
 
</div>
 
</div>
 
</div>
 
</div>
 
 
 
<div class="modalContainer">
 
<div class="popInfo button" style="position: absolute; left: 38px; border: hidden; padding: 0;">[[Image:Tirtempetem.png|link=]]<div class="popContenu cadreFenetre cacheOrdi" style="width: 200px; color: black; transform: translate(-170px); bottom: 30px; white-space: normal; opacity: 0;">
 
<p style="text-align: center; margin: 0; color: white; text-shadow: #000000 1px 1px, #000000 -1px 1px, #000000 -1px -1px, #000000 1px -1px;">Tir tempête puissant (M1 à M10)</p></div></div>
 
<div class="modal" style="z-index: 101;">
 
<div class="modal-content" style="overflow-y: auto; width: fit-content; max-width: 85%; padding: 10px 10px 10px 10px;"><span class="close" style="padding: 0; line-height: 40px; width: 40px; text-align: center;">×</span><div style="width: max-content;>'''Tir tempête puissant''' (M1 à M10)</div>
 
<div style="margin-top: 10px; border-radius: 16px; overflow: hidden; border: 1px black solid;">[[Image:Tirtempetecompetencem.gif]]</div>
 
</div>
 
</div>
 
</div>
 
<div class="modalContainer">
 
<div class="popInfo button" style="position: absolute; left: 75px; border: hidden; padding: 0;">[[Image:Tirtempeteg.png|link=]]<div class="popContenu cadreFenetre cacheOrdi" style="width: 200px; color: black; transform: translate(-170px); bottom: 30px; white-space: normal; opacity: 0;">
 
<p style="text-align: center; margin: 0; color: white; text-shadow: #000000 1px 1px, #000000 -1px 1px, #000000 -1px -1px, #000000 1px -1px;">Tir tempêche intense (G1 à G10)</p></div></div>
 
<div class="modal" style="z-index: 101;">
 
<div class="modal-content" style="overflow-y: auto; width: fit-content; max-width: 85%; padding: 10px 10px 10px 10px;"><span class="close" style="padding: 0; line-height: 40px; width: 40px; text-align: center;">×</span><div style="width: max-content;>'''Tir tempêche intense''' (G1 à G10)</div>
 
<div style="margin-top: 10px; border-radius: 16px; overflow: hidden; border: 1px black solid;">[[Image:Tirtempetecompetenceg.gif]]</div>
 
</div>
 
</div>
 
</div>
 
<div class="modalContainer">
 
<div class="popInfo button" style="position: absolute; left: 112px; border: hidden; padding: 0;">[[Image:Tirtempeteg.png|link=]]<div class="popContenu cadreFenetre cacheOrdi" style="width: 200px; color: black; transform: translate(-170px); bottom: 30px; white-space: normal; opacity: 0;">
 
<p style="text-align: center; margin: 0; color: white; text-shadow: #000000 1px 1px, #000000 -1px 1px, #000000 -1px -1px, #000000 1px -1px;">ExpansionDesModèles (Parfait)</p></div><div style="position: absolute; top: 13px; right: 2px;">[[File:Perfect.png|link=]]</div></div>
 
<div class="modal" style="z-index: 101;">
 
<div class="modal-content" style="overflow-y: auto; width: fit-content; max-width: 85%; padding: 10px 10px 10px 10px;"><span class="close" style="padding: 0; line-height: 40px; width: 40px; text-align: center;">×</span><div style="width: max-content;>'''ExpansionDesModèles''' (Parfait)</div>
 
<div style="margin-top: 10px; border-radius: 16px; overflow: hidden; border: 1px black solid;">[[Image:Tirtempetecompetencep.gif]]</div>
 
</div>
 
</div>
 
</div>
 
[[Image:Fenetrecompetence.png|link=]]</div>
 
<p style="margin: 4px 0 0; font-size: 85%;">Cliquer sur une icône pour voir son animation</p>
 
</div>
 
 
</div>
 
<div class="cacheOrdi" style="border-right: 1px black dashed; align-self: stretch;"></div>
 
<div style="flex-basis: 150%; width: 100%; padding-bottom: 5px;">
 
<div class="fondfenetre" style="border-radius: 8px 0; text-align: center;">Simulateur de compétence</div>
 
<div style="margin-top: 15px;">
 
 
 
<div class="skill-container">
 
<p style="padding: 0 5px; text-align: center;">Modifier les valeurs pour mettre à jour la fenêtre de compétence.</p>
 
<div>
 
<div data-create="form">
 
<div style="display: flex; gap: 15px; flex-wrap: wrap; justify-content: center; margin-top: 15px;">
 
<div style="display: flex; gap: 5px; align-items: center;">
 
<div>'''Niveau compétence'''</div><div data-create="select" data-value="P" style="text-align: right;"></div>
 
</div>
 
 
</div>
 
<div style="display: flex; gap: 15px; flex-wrap: wrap; justify-content: center; margin-top: 20px;">
 
<div style="display: flex; gap: 5px; align-items: center;">
 
<div>'''VA min'''</div><div data-create="input" data-type="number" data-min="1" data-max="5000" data-value="1000" style="text-align: right;"></div>
 
</div>
 
<div style="display: flex; gap: 5px; align-items: center;">
 
<div>'''VA max'''</div><div data-create="input" data-type="number" data-min="1" data-max="5000" data-value="1500" style="text-align: right;"></div>
 
</div>
 
</div>
 
<div data-create="submit" style="display: none;"></div>
 
</div>
 
</div>
 
<div class="cadreFenetre ul-res" style="padding: 13px 0; text-align: center; width: max-content; min-width: 250px; display: flex; flex-direction: column; font-family: tahoma; font-size: 12px; line-height: 18px; text-shadow: -1px -1px 0.1px #2e2e2e, -1px 1px 0.1px #2e2e2e, 1px 1px 0.1px #2e2e2e, 1px -1px 0.1px #2e2e2e, -1px 0 0.1px #2e2e2e, 1px 0 0.1px #2e2e2e, 0 1px 0.1px #2e2e2e, 0 -1px 0.1px #2e2e2e; margin: 25px auto 0;">
 
<div id="skill-name" data-name-M="Tir tempête puissant" data-name-G="Tir tempêche intense" data-name-P="ExpansionDesModèles" style="color: rgb(241, 230, 192);">ExpansionDesModèles</div>
 
<div style="color: rgba(142, 194, 146); margin-top: 8px;">ExpansionDesModèles <span id="skill-up"></span></div>
 
<div style="max-width: 220px; margin: 0 auto; margin-top: 8px; color: rgba(193, 193, 193);">Le tir inflige d'importants dégâts</div>
 
<div style="margin-top: 8px; color: rgba(190, 180, 125);">
 
*Attaque à distance
 
*Effet frontal en ligne
 
*Bonus de précision
 
</div>
 
<div style="margin-top: 8px; color: rgba(193, 193, 193);">
 
*Niveau actuel : <span id="skill-level"></span>
 
*Puissance de l'attaque : +<span data-formule="0,1,1.9,0,2.6,0" data-param="1,1,1,0" data-floor="0"></span>-<span data-formule="0,1000,1.9,0,2.6,0" data-param="1,1,0,1" data-floor="0"></span>
 
*Bonus de précision de <span data-formule="0,16.4,0" data-param="1,1,0,0" data-floor="0"></span> %
 
*Temps d'attente : <span data-formule="35,20,0" data-param="1,1,0,0" data-floor="0"></span>
 
*PM requis : <span data-formule="200,200,0" data-param="1,1,0,0" data-floor="0"></span>
 
</div>
 
</div>
 
</div>
 
 
 
<div class="skill-container">
 
<p>La valeur du bonus de la compétence augmente avec le niveau du [[Cheval]] et le niveau de la compétence. Le calculateur ci-dessous permet de conaître la valeur du bonus en fonction des informations données.</p>
 
<div>
 
<div data-create="form">
 
<div style="display: flex; gap: 15px; flex-wrap: wrap; justify-content: center; margin-top: 15px;">
 
 
<div style="display: flex; gap: 5px; align-items: center;">
 
<div>'''Niveau du cheval'''</div><div data-create="input" data-type="number" data-min="21" data-max="40" data-value="40" style="text-align: right;"></div>
 
</div><div style="display: flex; gap: 5px; align-items: center;">
 
<div>'''Niveau de la compétence'''</div><div data-create="input" data-type="number" data-min="1" data-max="20" data-value="20" style="text-align: right;"></div>
 
</div>
 
</div>
 
 
<div data-create="submit" style="display: none;"></div>
 
</div>
 
</div>
 
<div class="cadreFenetre ul-res" style="padding: 13px 0; text-align: center; width: max-content; min-width: 250px; display: flex; flex-direction: column; font-family: tahoma; font-size: 12px; line-height: 18px; text-shadow: -1px -1px 0.1px #2e2e2e, -1px 1px 0.1px #2e2e2e, 1px 1px 0.1px #2e2e2e, 1px -1px 0.1px #2e2e2e, -1px 0 0.1px #2e2e2e, 1px 0 0.1px #2e2e2e, 0 1px 0.1px #2e2e2e, 0 -1px 0.1px #2e2e2e; margin: 25px auto 0;">
 
<div id="skill-name" data-name-M="" data-name-G="" data-name-P="ExpansionDesModèles" style="color: rgb(241, 230, 192);">ExpansionDesModèles</div>
 
 
<div style="max-width: 220px; margin: 0 auto; margin-top: 8px; color: rgba(193, 193, 193);">Elle permet d'augmenter la précision quand vous chevauchez votre monture.</div>
 
 
<div style="margin-top: 0; color: rgba(193, 193, 193);">
 
<nowiki/>
 
*Niveau&nbsp;actuel&nbsp;:&nbsp;<span data-formule="0,1,0" data-param="1,0,1" data-floor="0"></span><nowiki/>
 
*Bonus&nbsp;de&nbsp;précision&nbsp;:&nbsp;+<span data-formule="1,0,0,0,0.01,0" data-param="1,1,1" data-floor="0"></span><nowiki/>
 
*Volonté&nbsp;de&nbsp;SungMa&nbsp;(STR)&nbsp;:&nbsp;+<span data-formule="3+0.002xvar0xvar1xvar1" data-param="1,1,1" data-floor="0">
 
</span>
 
*Volonté&nbsp;de&nbsp;SungMa&nbsp;(STR)&nbsp;:&nbsp;+<span data-formule="0.7,-0.005,0,0,0,1,140,-1,0,0,0,0" data-param="1,1,1" data-floor="2">
 
</span>
 
</div>
 
</div>
 
</div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  
  

Version du 6 août 2022 à 22:28







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


Mapforteressedésolée.png
À propos de cette image


Armure d'Aiolo+ (h)
Armuredaiolo+h.png
Armure d'Aiolo+ (f)
Armuredaiolo+f.png
Armure d'Astraio+ (h)
Armuredastraio+h.png
Armure d'Astraio+ (f)
Armuredastraio+f.png
Armure d'Avalonie+ (arg)
Armuredavalonieargh.png
Armure d'Avalonie+ (arg)
Armuredavalonieargf.png
Armure d'Avalonie+ (rou)
Armuredavalonierouh.png
Armure d'Avalonie+ (rou)
Armuredavalonierouf.png