Page de test : Différence entre versions

[version vérifiée][version vérifiée]
 
(466 révisions intermédiaires par 5 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
−
<div id="buttonContainer">
+
{{LoadJavascript|Script=pets}}
−
<div class="button">Bouton</div>
+
<div style="display: none;">
−
<div id="change">1er div</div>
+
<span data-pet="monkey">[[Image:Petitsingeapparence3.png|50px|link=Petit singe]]</span>
−
<div id="change" style="display:none;">2e div</div>
+
<span data-pet="spider">[[Image:Petitearaigneeapparence3.png|50px|link=Petite araignée]]</span>
−
<div id="change" style="display:none;">3e div</div>
+
<span data-pet="razador">[[Image:Petitrazadorapparence3.png|50px|link=Petit Razador]]</span>
−
<div id="change" style="display:none;">4e div</div>
+
<span data-pet="nemere">[[Image:Petitnemereapparence3.png|50px|link=Petit Nemere]]</span>
−
<div id="change" style="display:none;">5e div</div>
+
<span data-pet="dragonette">[[Image:Petitdragonapparence3.png|50px|link=Petit dragon]]</span>
 +
<span data-pet="meley">[[Image:Petitemeleyapparence3.png|50px|link=Petite Meley]]</span>
 +
<span data-pet="azrael">[[Image:Miniazraelapparence3.png|50px|link=Mini-Azraël]]</span>
 +
<span data-pet="executor">[[Image:Minibourreauventruapparence3.png|50px|link=Minibourreau ventru]]</span>
 +
<span data-pet="baashido">[[Image:Bebebaashidoapparence3.png|50px|link=Bébé Baashido]]</span>
 +
<span data-pet="nessie">[[Image:Nessieapparence3.png|50px|link=Nessie]]</span>
 +
<span data-pet="exedyar">[[Image:Exedyarcouvecailleapparence3.png|50px|link=Exédyar couvécaille]]</span>
 +
<span data-pet="alastor">[[Image:Minialastorfurieuxapparence3.png|50px|link=Mini Alastor furieux]]</span>
 +
<span data-pet="boss">[[Image:Commandantbebeapparence3.png|50px|link=Commandant bébé]]</span>
 +
<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>
 +
<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>
 +
<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>
 +
<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>
 +
<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>
 +
<span style="display: flex; flex-direction: column; white-space: nowrap;" data-skill="berserker">[[Image:Berserkericone.png|link=Berserker]] [[Berserker]]</span>
 +
<span style="display: flex; flex-direction: column; white-space: nowrap;" data-skill="antiMagic">[[Image:Antimagieicone.png|link=Anti-magie]] [[Anti-magie]]</span>
 +
<span style="display: flex; flex-direction: column; white-space: nowrap;" data-skill="haste">[[Image:Accelerationicone.png|link=Accélération]] [[Accélération]]</span>
 +
<span style="display: flex; flex-direction: column; white-space: nowrap;" data-skill="drill">[[Image:Drillicone.png|link=Drill]] [[Drill]]</span>
 +
<span style="display: flex; flex-direction: column; white-space: nowrap;" data-skill="restoration">[[Image:Renouvellementicone.png|link=Renouvellement]] [[Renouvellement]]</span>
 +
<span style="display: flex; flex-direction: column; white-space: nowrap;" data-skill="vampirism">[[Image:Vampireicone.png|link=Vampire]] [[Vampire]]</span>
 +
<span style="display: flex; flex-direction: column; white-space: nowrap;" data-skill="spiritualism">[[Image:Fantomesicone.png|link=Fantômes]] [[Fantômes]]</span>
 +
<span style="display: flex; flex-direction: column; white-space: nowrap;" data-skill="bulwark">[[Image:Obstacleicone.png|link=Obstacle]] [[Obstacle]]</span>
 +
<span style="display: flex; flex-direction: column; white-space: nowrap;" data-skill="reflection">[[Image:Miroiricone.png|link=Miroir]] [[Miroir]]</span>
 +
<span style="display: flex; flex-direction: column; white-space: nowrap;" data-skill="yang">[[Image:Chutedeyangsicone.png|link=Chute de Yangs]] [[Chute de Yangs]]</span>
 +
<span style="display: flex; flex-direction: column; white-space: nowrap;" data-skill="range">[[Image:Porteeicone.png|link=Portée]] [[Portée]]</span>
 +
<span style="display: flex; flex-direction: column; white-space: nowrap;" data-skill="immortal">[[Image:Invincibiliteicone.png|link=Invincibilité]] [[Invincibilité]]</span>
 +
<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">T1</span>
 +
<span data-type="1">T2</span>
 +
<span data-type="2">T3</span>
 +
<span data-type="3">T4</span>
 +
<span data-type="4">T5</span>
 +
<span data-type="5">T6</span>
 +
<span data-type="6">T7</span>
 +
<span data-type="7">T8</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}}
−
<div id="modalContainer">
+
{{Form|id=edit-table|style=display: flex; margin-bottom: 10px; flex-wrap: wrap;|content=
−
<div class="button">Bouton</div>
+
{{Select|id=axis-x|name=axisX|content=
−
<div class="modal">
+
{{Option|value=pet|text=Familiers|selected=True}}
−
<div class="modal-content"><span class="close">&times;</span>
+
{{Option|value=skill|text=Compétences}}
−
Je suis un contenu
+
{{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; padding: 5px;">
 +
{| id="pet-values" style="text-align: center;" class="sticky-header-row sticky-header-colum"
 +
|}
 
</div>
 
</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>
 +
<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>
−
{{CoffresBoutique
+
<div style="border:1px black solid; border-radius: 8px; overflow: hidden;">
−
|Image=[[Image:Coffrepierredelune.png|130px]]
+
<div class="fondfenetre" style="display: flex; justify-content: center; gap: 5px; align-items: center; padding: 2px 5px;">
−
|Description=Ouvrez le coffre et laissez-vous surprendre par un des objets légendaires : pierre de lune, dioxyde de titane, de nombreux œufs de familier et bien d'autres objets géniaux vous attendent. Quelle surprise vous réserve ce coffre ?
+
<div>[[Image:Livredeparade.png|25px|link=]]</div>
−
|Contenu=
+
<div>Parade & Bonus</div>
−
{{Objets/Contenu
+
<div>[[Image:Livredebonus.png|25px|link=]]</div>
−
|col=4
+
</div>
−
|{{L|Pierredelune|Pierre de lune}}
+
<div style="padding: 5px;">Image</div>
−
|{{L|Dioxydedetitane|Dioxyde de titane}}
+
</div>
−
|{{L|Oeufdedragonbleu|Œuf de dragon bleu}}
+
<div style="border:1px black solid; border-radius: 8px; overflow: hidden;">
−
|{{L|Oeufdedragonrouge|Œuf de dragon rouge}}
+
<div class="fondfenetre" style="display: flex; justify-content: center; gap: 5px; align-items: center; padding: 2px 5px;">
−
|{{L|Oeufdeminiazrael|Œuf de mini-Azraël}}
+
<div>[[Image:9ecompetence.png|25px|link=]]</div>
−
|{{L|Oeufdenessie|Œuf de Nessie}}
+
<div>9<sup>e</sup> compétence</div>
−
|{{L|Parchemindebenediction1|Parchemin de Bénédiction}}
+
<div>[[Image:9ecompetence.png|25px|link=]]</div>
−
|{{L|Pierremagique|Pierre magique}}
+
</div>
−
|{{L|Pierrerituelle|Pierre rituelle}}
+
<div style="padding: 5px;">Image</div>
−
|{{L|Caisseapetits|Caisse à petits}}
+
</div>
−
|{{L|Coffredesrois|Coffre des rois}}
+
<div style="border:1px black solid; border-radius: 8px; overflow: hidden;">
−
|{{L|Coffredhivereternel|Coffre d'hiver éternel}}
+
<div class="fondfenetre" style="display: flex; justify-content: center; gap: 5px; align-items: center; padding: 2px 5px;">
−
|{{L|Coffretempetedudesert1|Coffre tempête du désert}}
+
<div>[[Image:Livredeprecision.png|25px|link=]]</div>
−
|{{L|Orbedebenediction1|Orbe de bénédiction}}
+
<div>Compétences secondaires</div>
−
|{{L|Cuivremagique1|Cuivre magique}} x6
+
<div>[[Image:Lartdeguerresunzi.png|25px|link=]]</div>
−
|{{L|Capedebravoure1|Cape de bravoure}} x30
+
</div>
−
|{{L|Manuelduforgeron|Manuel du forgeron}}
+
<div style="padding: 5px;">Image</div>
−
|{{L|Parchemindexorcisme1|Parchemin d'exorcisme}} x2
+
</div>
−
|{{L|Viedudieudragon|Vie du Dieu Dragon}} x2
+
<div style="border:1px black solid; border-radius: 8px; overflow: hidden;">
−
|{{L|Attaquedudieudragon|Attaque du Dieu Dragon}} x2
+
<div class="fondfenetre" style="display: flex; justify-content: center; gap: 5px; align-items: center; padding: 2px 5px;">
−
|{{L|Intelligencedudieudragon|Intelligence du Dieu Dragon}} x2
+
<div>[[Image:Manueldequitation.png|25px|link=]]</div>
−
|{{L|Defensedudieudragon|Défense du Dieu Dragon}} x2
+
<div>Compétences de monture</div>
−
|{{L|Elixirduchercheur|Élixir du chercheur}} x3
+
<div>[[Image:Competencecheval2.png|25px|link=]]</div>
−
|{{L|Attaquecritique1|Attaque critique}} x2
+
</div>
−
|{{L|Couppercant1|Coup perçant}} x2
+
<div style="padding: 5px;">Image</div>
−
}}
+
</div>
−
|Pluriel2=
+
<div style="border:1px black solid; border-radius: 8px; overflow: hidden;">
−
|InformationsSupplémentaires=
+
<div class="fondfenetre" style="display: flex; justify-content: center; gap: 5px; align-items: center; padding: 2px 5px;">
−
|Ouverture=1
+
<div>[[Image:Livredefamilierrouge.png|25px|link=]]</div>
−
|Aléatoire=Oui
+
<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 13 juin 2024 à 11:12

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

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

Récupérée de « https://fr-wiki.metin2.gameforge.com/index.php?title=Page_de_test&oldid=103581 »