Page de test : Différence entre versions

[version vérifiée][version vérifiée]
Ligne 55 : Ligne 55 :
  
  
 +
<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 data-load-javascript="skills" style="display: none;"></div>
 +
 +
<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>
  
  

Version du 5 août 2022 à 15:23

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


Tirtempetem.png

Tir tempête puissant (M1 à M10)

×
Tir tempête puissant (M1 à M10)
Tirtempetecompetencem.gif
Tirtempeteg.png

Tir tempêche intense (G1 à G10)

×
Tir tempêche intense (G1 à G10)
Tirtempetecompetenceg.gif
Tirtempeteg.png

ExpansionDesModèles (Parfait)

Perfect.png
×
ExpansionDesModèles (Parfait)
Tirtempetecompetencep.gif

Fenetrecompetence.png

Cliquer sur une icône pour voir son animation

Simulateur de compétence

Modifier les valeurs pour mettre à jour la fenêtre de compétence.

Niveau compétence
VA min
VA max
ExpansionDesModèles
ExpansionDesModèles
Le tir inflige d'importants dégâts
  • Attaque à distance
  • Effet frontal en ligne
  • Bonus de précision
  • Niveau actuel :
  • Puissance de l'attaque : +-
  • Bonus de précision de  %
  • Temps d'attente :
  • PM requis :


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.

Niveau du cheval
Niveau de la compétence
ExpansionDesModèles
Elle permet d'augmenter la précision quand vous chevauchez votre monture.

  • Niveau actuel : 
  • Bonus de précision : +
  • Volonté de SungMa (STR) : +

  • Volonté de SungMa (STR) : +










Carte
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
Récupérée de « https://fr-wiki.metin2.gameforge.com/index.php?title=Page_de_test&oldid=73915 »