Page de test : Différence entre versions

[version vérifiée][version vérifiée]
 
(357 révisions intermédiaires par 3 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
<div id="modalContainer">
+
{{Apparition
  <div class="button">Bouton</div>
+
|ver=5
  <div class="modal">
+
|Carte=Bakra
    <div class="modal-content"><span class="close">×</span>
+
|Coord=484, 387 / 44, 387 / 712, 178
    <table border="1px" cellspacing="0" cellpadding="5" style=" border-color: blue; border: 1px solid #000000; border-collapse:collapse; margin:1em 1em 1em 0;">
+
}}
<tr>
+
 
<td colspan="3" align="center" class="fondfenetre" style="color: #ffffff;>Catégorie 5</td></tr>
+
<div class="notranslate" style="display: none;">
<tr>
+
<span style="display: inline-block;" data-pet="monkey">[[Image:Petitsingeapparence3.png|50px|link=Petit singe]]</span>
<td>[[Image:Anneaudexperience200.png]] [[Anneau d'expérience +200]]</td>
+
<span style="display: inline-block;" data-pet="spider">[[Image:Petitearaigneeapparence3.png|50px|link=Petite araignée]]</span>
<td>[[Image:Potiondesagesse.png]] [[Potion de sagesse]]</td>
+
<span style="display: inline-block;" data-pet="razador">[[Image:Petitrazadorapparence3.png|50px|link=Petit Razador]]</span>
<td>[[Image:Potiondesagesse.png]] [[Potion de sagesse (3h)]]</td></tr>
+
<span style="display: inline-block;" data-pet="nemere">[[Image:Petitnemereapparence3.png|50px|link=Petit Nemere]]</span>
<tr>
+
<span style="display: inline-block;" data-pet="dragonette">[[Image:Petitdragonapparence3.png|50px|link=Petit dragon]]</span>
<td>[[Image:Potiondesagesse.png]] [[Potion d'ascension (3h)]]</td>
+
<span style="display: inline-block;" data-pet="meley">[[Image:Petitemeleyapparence3.png|50px|link=Petite Meley]]</span>
<td>[[Image:Anneaudelajoie.png]] [[Anneau de la joie]]</td>
+
<span style="display: inline-block;" data-pet="azrael">[[Image:Miniazraelapparence3.png|50px|link=Mini-Azraël]]</span>
<td>[[Image:Sucettedelaforce3j.png]] [[Sucette de la force 3 j.]] </td></tr>
+
<span style="display: inline-block;" data-pet="executor">[[Image:Minibourreauventruapparence3.png|50px|link=Minibourreau ventru]]</span>
<tr>
+
<span style="display: inline-block;" data-pet="baashido">[[Image:Bebebaashidoapparence3.png|50px|link=Bébé Baashido]]</span>
<td>[[Image:Sucettedelaforce3j.png]] [[Sucette de la force 7 j.]]</td>
+
<span style="display: inline-block;" data-pet="nessie">[[Image:Nessieapparence3.png|50px|link=Nessie]]</span>
<td>[[Image:Sucettemagique.png]] [[Sucette magique]]</td>
+
<span style="display: inline-block;" data-pet="exedyar">[[Image:Exedyarcouvecailleapparence3.png|50px|link=Exédyar couvécaille]]</span>
<td>[[Image:Sucettedelaforce.png]] [[Sucette de la force]] </td></tr>
+
<span style="display: inline-block;" data-pet="alastor">[[Image:Minialastorfurieuxapparence3.png|50px|link=Mini Alastor furieux]]</span>
<tr>
+
<span style="display: inline-block;" data-pet="boss">[[Image:Commandantbebeapparence3.png|50px|link=Commandant bébé]]</span>
<td>[[Image:Amulettedenazar.png]] [[Amulette de Nazar]]</td>
+
<span style="display: flex; flex-direction: column; white-space: nowrap;" data-skill="warrior">[[Image:Resistanceguerriericone.png|link=Résistance (Guerrier)]] [[Résistance (Guerrier)|Rés. Guerrier]]</span>
<td>[[Image:Chocoamulette.png]] [[Choco-amulette]]</td>
+
<span style="display: flex; flex-direction: column; white-space: nowrap;" data-skill="sura">[[Image:Resistanceguerriericone.png|link=Résistance (Sura)]] [[Résistance (Sura)|Rés. Sura]]</span>
<td>[[Fichier:anneaucroissantdelune.png]] [[Anneau croissant de lune]]</td></tr>
+
<span style="display: flex; flex-direction: column; white-space: nowrap;" data-skill="ninja">[[Image:Resistanceguerriericone.png|link=Résistance (Ninja)]] [[Résistance (Ninja)|Rés. Ninja]]</span>
<tr>
+
<span style="display: flex; flex-direction: column; white-space: nowrap;" data-skill="shaman">[[Image:Resistanceguerriericone.png|link=Résistance (Chamane)]] [[Résistance (Chamane)|Rés. Chamane]]</span>
<td>[[Fichier:medailledeheros.png]] [[Médaille de héros]]</td>
+
<span style="display: flex; flex-direction: column; white-space: nowrap;" data-skill="lycan">[[Image:Resistanceguerriericone.png|link=Résistance (Lycan)]] [[Résistance (Lycan)|Rés. Lycan]]</span>
<td>[[Fichier:amulettedelamoureternel.png]] [[Bijou de l'amour éternel]]</td>
+
<span style="display: flex; flex-direction: column; white-space: nowrap;" data-skill="berserker">[[Image:Berserkericone.png|link=Berserker]] [[Berserker]]</span>
<td>[[Fichier:anneaudeforcemortelle1.png]] [[Anneau de Force mortelle]]</td></tr>
+
<span style="display: flex; flex-direction: column; white-space: nowrap;" data-skill="antiMagic">[[Image:Antimagieicone.png|link=Anti-magie]] [[Anti-magie]]</span>
<tr>
+
<span style="display: flex; flex-direction: column; white-space: nowrap;" data-skill="haste">[[Image:Accelerationicone.png|link=Accélération]] [[Accélération]]</span>
<td>[[Fichier:anneaudevolonte.png]] [[Anneau de Volonté]]</td>
+
<span style="display: flex; flex-direction: column; white-space: nowrap;" data-skill="drill">[[Image:Drillicone.png|link=Drill]] [[Drill]]</span>
<td>[[Fichier:Amulettedesgardiens.png]] [[Amulette des gardiens]]</td>
+
<span style="display: flex; flex-direction: column; white-space: nowrap;" data-skill="restoration">[[Image:Renouvellementicone.png|link=Renouvellement]] [[Renouvellement]]</span>
<td> <div style="background-color:rgba(0,150,50,0.1);>[[Image:Boucledoreilledosdudragon.png]] [[Boucles en os de dragon]]</div></td></tr>
+
<span style="display: flex; flex-direction: column; white-space: nowrap;" data-skill="vampirism">[[Image:Vampireicone.png|link=Vampire]] [[Vampire]]</span>
<tr>
+
<span style="display: flex; flex-direction: column; white-space: nowrap;" data-skill="spiritualism">[[Image:Fantomesicone.png|link=Fantômes]] [[Fantômes]]</span>
<td> <div style="background-color:rgba(0,150,50,0.1);>[[Image:Boucledoreilledosdutigre.png]] [[Boucles en os de tigre]]</div></td>
+
<span style="display: flex; flex-direction: column; white-space: nowrap;" data-skill="bulwark">[[Image:Obstacleicone.png|link=Obstacle]] [[Obstacle]]</span>
<td> <div style="background-color:rgba(0,150,50,0.1);>[[Image:Braceletostigre.png]] [[Bracelet os de tigre]]</div></td>
+
<span style="display: flex; flex-direction: column; white-space: nowrap;" data-skill="reflection">[[Image:Miroiricone.png|link=Miroir]] [[Miroir]]</span>
<td> <div style="background-color:rgba(0,150,50,0.1);>[[Image:Braceletosdragon.png]] [[Bracelet os de Dragon]]</div></td></tr>
+
<span style="display: flex; flex-direction: column; white-space: nowrap;" data-skill="yang">[[Image:Chutedeyangsicone.png|link=Chute de Yangs]] [[Chute de Yangs]]</span>
</table>
+
<span style="display: flex; flex-direction: column; white-space: nowrap;" data-skill="range">[[Image:Porteeicone.png|link=Portée]] [[Portée]]</span>
    </div>
+
<span style="display: flex; flex-direction: column; white-space: nowrap;" data-skill="immortal">[[Image:Invincibiliteicone.png|link=Invincibilité]] [[Invincibilité]]</span>
  </div>
+
<span style="display: flex; flex-direction: column; white-space: nowrap;" data-skill="panacea">[[Image:Soinsicone.png|link=Soins]] [[Soins]]</span>
 +
<span style="display: flex; flex-direction: column; white-space: nowrap;" data-skill="masterBrewer">[[Image:Maitrebrasseuricone.png|link=Maître brasseur]] [[Maître brasseur]]</span>
 +
<span style="display: flex; flex-direction: column; white-space: nowrap;" data-skill="monster">[[Image:Chasseurdemonstresicone.png|link=Chasseur de monstres]] [[Chasseur de monstres|Monstres]]</span>
 +
<span style="display: flex; flex-direction: column; white-space: nowrap;" data-skill="eagleEye">[[Image:Regardpercanticone.png|link=Regard perçant]] [[Regard perçant]]</span>
 +
<span style="display: flex; flex-direction: column; white-space: nowrap;" data-skill="drain">[[Image:Sangsueicone.png|link=Sangsue]] [[Sangsue]]</span>
 +
<span style="display: flex; flex-direction: column; white-space: nowrap;" data-skill="feather">[[Image:Poidsplumeicone.png|link=Poids plume]] [[Poids plume]]</span>
 +
<span data-type="0">Type 1</span>
 +
<span data-type="1">Type 2</span>
 +
<span data-type="2">Type 3</span>
 +
<span data-type="3">Type 4</span>
 +
<span data-type="4">Type 5</span>
 +
<span data-type="5">Type 6</span>
 +
<span data-type="6">Type 7</span>
 +
<span data-type="7">Type 8</span>
 +
<span data-level="0">81</span>
 +
<span data-level="1">82</span>
 +
<span data-level="2">83</span>
 +
<span data-level="3">84</span>
 +
<span data-level="4">85</span>
 +
<span data-level="5">86</span>
 +
<span data-level="6">87</span>
 +
<span data-level="7">88</span>
 +
<span data-level="8">89</span>
 +
<span data-level="9">90</span>
 +
<span data-level="10">91</span>
 +
<span data-level="11">92</span>
 +
<span data-level="12">93</span>
 +
<span data-level="13">94</span>
 +
<span data-level="14">95</span>
 +
<span data-level="15">96</span>
 +
<span data-level="16">97</span>
 +
<span data-level="17">98</span>
 +
<span data-level="18">99</span>
 +
<span data-level="19">100</span>
 +
<span data-level="20">101</span>
 +
<span data-level="21">102</span>
 +
<span data-level="22">103</span>
 +
<span data-level="23">104</span>
 +
<span data-level="24">105</span>
 
</div>
 
</div>
 +
{{LoadJavascript|Script=element}}
 +
{{LoadJavascript|Script=pets}}
 +
{{Form|id=edit-table|style=display: flex; margin-bottom: 10px; flex-wrap: wrap;|content=
 +
{{Select|id=axis-x|name=axisX|content=
 +
{{Option|value=pet|text=Familiers|selected=True}}
 +
{{Option|value=skill|text=Compétences}}
 +
{{Option|value=type|text=Types}}
 +
{{Option|value=level|text=Niveaux}}
 +
}}
 +
{{Select|id=axis-y|name=axisY|content=
 +
{{Option|value=pet|text=Familiers}}
 +
{{Option|value=skill|text=Compétences|selected=True}}
 +
{{Option|value=type|text=Types}}
 +
{{Option|value=level|text=Niveaux}}
 +
}}
 +
{{Select|id=pet|name=pet|content=
 +
{{Option|value=monkey|text=singe}}
 +
{{Option|value=spider|text=araignée}}
 +
{{Option|value=razador|text=razador}}
 +
{{Option|value=nemere|text=nemere}}
 +
{{Option|value=dragonette|text=dragon bleu}}
 +
{{Option|value=meley|text=meley}}
 +
{{Option|value=azrael|text=azraël}}
 +
{{Option|value=executor|text=bourreau}}
 +
{{Option|value=baashido|text=baashido}}
 +
{{Option|value=nessie|text=nessie}}
 +
{{Option|value=exedyar|text=exedyar}}
 +
{{Option|value=alastor|text=alastor}}
 +
{{Option|value=boss|text=mini commandant}}
 +
}}
 +
{{Select|id=skill|name=skill|content=
 +
{{Option|value=warrior|text=anti G}}
 +
{{Option|value=sura|text=anti S}}
 +
{{Option|value=ninja|text=anti N}}
 +
{{Option|value=shaman|text=anti Sh}}
 +
{{Option|value=lycan|text=anti L}}
 +
{{Option|value=berserker|text=berserker}}
 +
{{Option|value=antiMagic|text=anti magie}}
 +
{{Option|value=haste|text=accélération}}
 +
{{Option|value=drill|text=drill}}
 +
{{Option|value=restoration|text=renouvellemnt}}
 +
{{Option|value=vampirism|text=vampire}}
 +
{{Option|value=spiritualism|text=fantômes}}
 +
{{Option|value=bulwark|text=obstable}}
 +
{{Option|value=reflection|text=miroir}}
 +
{{Option|value=yang|text=yang}}
 +
{{Option|value=range|text=portée}}
 +
{{Option|value=immortal|text=invincibilité}}
 +
{{Option|value=panacea|text=soins}}
 +
{{Option|value=masterBrewer|text=maître brasseur}}
 +
{{Option|value=monster|text=monstre}}
 +
{{Option|value=eagleEye|text=regard perçant}}
 +
{{Option|value=drain|text=sangsue}}
 +
{{Option|value=feather|text=poids plume}}
 +
}}
 +
{{Select|id=type|name=type|content=
 +
{{Option|value=0|text=T1}}
 +
{{Option|value=1|text=T2}}
 +
{{Option|value=2|text=T3}}
 +
{{Option|value=3|text=T4}}
 +
{{Option|value=4|text=T5}}
 +
{{Option|value=5|text=T6}}
 +
{{Option|value=6|text=T7}}
 +
{{Option|value=7|text=T8}}
 +
}}
 +
{{Select|id=level|name=level|content=
 +
{{Option|value=0|text=81}}
 +
{{Option|value=1|text=82}}
 +
{{Option|value=2|text=83}}
 +
{{Option|value=3|text=84}}
 +
{{Option|value=4|text=85}}
 +
{{Option|value=5|text=86}}
 +
{{Option|value=6|text=87}}
 +
{{Option|value=7|text=88}}
 +
{{Option|value=8|text=89}}
 +
{{Option|value=9|text=90}}
 +
{{Option|value=10|text=91}}
 +
{{Option|value=11|text=92}}
 +
{{Option|value=12|text=93}}
 +
{{Option|value=13|text=94}}
 +
{{Option|value=14|text=95}}
 +
{{Option|value=15|text=96}}
 +
{{Option|value=16|text=97}}
 +
{{Option|value=17|text=98}}
 +
{{Option|value=18|text=99}}
 +
{{Option|value=19|text=100}}
 +
{{Option|value=20|text=101}}
 +
{{Option|value=21|text=102}}
 +
{{Option|value=22|text=103}}
 +
{{Option|value=23|text=104}}
 +
{{Option|value=24|text=105}}
 +
}}
 +
}}
 +
 +
<div style="width: max-content; max-width: 100%; min-height: max(100%, 400px); height: 60vh; max-height: 100%; overflow: auto; resize: both;">
 +
{| id="pet-values" style="border-spacing: 0; border-collapse: collapse; text-align: center;" class="sticky-header-row sticky-header-column"
 +
|}
 +
</div>
 +
<!--
 +
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="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:Livredecompetence.png|25px|link=Compétences de classe]]</div>
 +
<div>[[Compétences de classe]]</div>
 +
<div>[[Image:Weiliaozi.png|25px|link=Compétences de classe]]</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 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:Livredeparade.png|25px|link=]]</div>
 +
<div>Parade & Bonus</div>
 +
<div>[[Image:Livredebonus.png|25px|link=]]</div>
 +
</div>
 +
<div style="padding: 5px;">Image</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:9ecompetence.png|25px|link=]]</div>
 +
<div>9<sup>e</sup> compétence</div>
 +
<div>[[Image:9ecompetence.png|25px|link=]]</div>
 +
</div>
 +
<div style="padding: 5px;">Image</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 style="padding: 5px;">Image</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 style="padding: 5px;">Image</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 style="padding: 5px;">Image</div>
 +
</div>
 +
</div>
 +
hello world

Version actuelle datée du 24 juin 2024 à 10:30

Bakra


Familiers
Compétences
Types
Niveaux
Familiers
Compétences
Types
Niveaux
singe
araignée
razador
nemere
dragon bleu
meley
azraël
bourreau
baashido
nessie
exedyar
alastor
mini commandant
anti G
anti S
anti N
anti Sh
anti L
berserker
anti magie
accélération
drill
renouvellemnt
vampire
fantômes
obstable
miroir
yang
portée
invincibilité
soins
maître brasseur
monstre
regard perçant
sangsue
poids plume
T1
T2
T3
T4
T5
T6
T7
T8
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105