Page de test : Différence entre versions

[version vérifiée][version vérifiée]
 
(372 révisions intermédiaires par 3 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
<div id="mw-mywiki-example"></div>
+
{{Test1|name=test|button=Modal|title=Ttire|content=Contenu}}
<div style="display: flex; flex-direction: row; column-gap: 10px; background: rgba(0,0,0,.1); padding: 5px; border: 1px black solid; border-bottom: 1px black;">
+
 
<div class="button" style="background: rgba(0,0,0,.2);">button 1</div>
+
<div class="notranslate" style="display: none;">
<div class="button">button 2</div>
+
<span style="display: inline-block;" data-pet="monkey">[[Image:Petitsingeapparence3.png|50px|link=Petit singe]]</span>
<div class="button">button 3</div>
+
<span style="display: inline-block;" data-pet="spider">[[Image:Petitearaigneeapparence3.png|50px|link=Petite araignée]]</span>
<div class="button">button 4</div>
+
<span style="display: inline-block;" data-pet="razador">[[Image:Petitrazadorapparence3.png|50px|link=Petit Razador]]</span>
 +
<span style="display: inline-block;" data-pet="nemere">[[Image:Petitnemereapparence3.png|50px|link=Petit Nemere]]</span>
 +
<span style="display: inline-block;" data-pet="dragonette">[[Image:Petitdragonapparence3.png|50px|link=Petit dragon]]</span>
 +
<span style="display: inline-block;" data-pet="meley">[[Image:Petitemeleyapparence3.png|50px|link=Petite Meley]]</span>
 +
<span style="display: inline-block;" data-pet="azrael">[[Image:Miniazraelapparence3.png|50px|link=Mini-Azraël]]</span>
 +
<span style="display: inline-block;" data-pet="executor">[[Image:Minibourreauventruapparence3.png|50px|link=Minibourreau ventru]]</span>
 +
<span style="display: inline-block;" data-pet="baashido">[[Image:Bebebaashidoapparence3.png|50px|link=Bébé Baashido]]</span>
 +
<span style="display: inline-block;" data-pet="nessie">[[Image:Nessieapparence3.png|50px|link=Nessie]]</span>
 +
<span style="display: inline-block;" data-pet="exedyar">[[Image:Exedyarcouvecailleapparence3.png|50px|link=Exédyar couvécaille]]</span>
 +
<span style="display: inline-block;" data-pet="alastor">[[Image:Minialastorfurieuxapparence3.png|50px|link=Mini Alastor furieux]]</span>
 +
<span style="display: inline-block;" 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">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>
<div style="border: 1px black solid; padding: 5px;">
+
{{LoadJavascript|Script=element}}
<div id="texte-ank" style="display: block;">content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1 content 1</div>
+
{{LoadJavascript|Script=pets}}
<div id="texte-ank" style="display: none;">content 2</div>
+
{{Form|id=edit-table|style=display: flex; margin-bottom: 10px; flex-wrap: wrap;|content=
<div id="texte-ank" style="display: none;">content 3</div>
+
{{Select|id=axis-x|name=axisX|content=
<div id="texte-ank" style="display: none;">content 4</div>
+
{{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>
 
</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 28 novembre 2024 à 16:10


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