Page de test : Différence entre versions

(Voir les modifications en cours par rapport à la version publiée)
[version vérifiée][en attente de relecture]
 
(230 révisions intermédiaires par 3 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
−
<div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px;>
+
<div class="notranslate" style="display: none;">
−
<div class="fondfenetre soulignement" style="grid-column: 1 / -1; text-align: center; padding: 2px;">[[Image:Volontedesungmahi.png]] [[Volonté de SungMa]]</div>
+
<span style="background: #d8c391; display: inline-block;" data-pet="monkey">[[Image:Petitsingeapparence3.png|50px|link=Petit singe]]</span>
−
<div style="text-align: center;">
+
<span style="background: #d8c391; display: inline-block;" data-pet="spider">[[Image:Petitearaigneeapparence3.png|50px|link=Petite araignée]]</span>
−
<div class="fondfenetre" style="display: flex; padding: 2px; justify-content: center; gap: 5px;">
+
<span style="background: #d8c391; display: inline-block;" data-pet="razador">[[Image:Petitrazadorapparence3.png|50px|link=Petit Razador]]</span>
−
<div>[[Image:SMstr.png]]</div>
+
<span style="background: #d8c391; display: inline-block;" data-pet="nemere">[[Image:Petitnemereapparence3.png|50px|link=Petit Nemere]]</span>
−
<div class="soulignement">[[Volonté de SungMa (STR)|<div class="cacheOrdi">Volonté de SungMa (STR)</div><div class="cacheTel">STR</div>]]
+
<span style="background: #d8c391; display: inline-block;" data-pet="dragonette">[[Image:Petitdragonapparence3.png|50px|link=Petit dragon]]</span>
 +
<span style="background: #d8c391; display: inline-block;" data-pet="meley">[[Image:Petitemeleyapparence3.png|50px|link=Petite Meley]]</span>
 +
<span style="background: #d8c391; display: inline-block;" data-pet="azrael">[[Image:Miniazraelapparence3.png|50px|link=Mini-Azraël]]</span>
 +
<span style="background: #d8c391; display: inline-block;" data-pet="executor">[[Image:Minibourreauventruapparence3.png|50px|link=Minibourreau ventru]]</span>
 +
<span style="background: #d8c391; display: inline-block;" data-pet="baashido">[[Image:Bebebaashidoapparence3.png|50px|link=Bébé Baashido]]</span>
 +
<span style="background: #d8c391; display: inline-block;" data-pet="nessie">[[Image:Nessieapparence3.png|50px|link=Nessie]]</span>
 +
<span style="background: #d8c391; display: inline-block;" data-pet="exedyar">[[Image:Exedyarcouvecailleapparence3.png|50px|link=Exédyar couvécaille]]</span>
 +
<span style="background: #d8c391; display: inline-block;" data-pet="alastor">[[Image:Minialastorfurieuxapparence3.png|50px|link=Mini Alastor furieux]]</span>
 +
<span style="background: #d8c391; display: inline-block;" data-pet="boss">[[Image:Commandantbebeapparence3.png|50px|link=Commandant bébé]]</span>
 +
<span style="background: #d8c391; 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="background: #d8c391; 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="background: #d8c391; 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="background: #d8c391; 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="background: #d8c391; 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="background: #d8c391; display: flex; flex-direction: column; white-space: nowrap;" data-skill="berserker">[[Image:Berserkericone.png|link=Berserker]] [[Berserker]]</span>
 +
<span style="background: #d8c391; display: flex; flex-direction: column; white-space: nowrap;" data-skill="antiMagic">[[Image:Antimagieicone.png|link=Anti-magie]] [[Anti-magie]]</span>
 +
<span style="background: #d8c391; display: flex; flex-direction: column; white-space: nowrap;" data-skill="haste">[[Image:Accelerationicone.png|link=Accélération]] [[Accélération]]</span>
 +
<span style="background: #d8c391; display: flex; flex-direction: column; white-space: nowrap;" data-skill="drill">[[Image:Drillicone.png|link=Drill]] [[Drill]]</span>
 +
<span style="background: #d8c391; display: flex; flex-direction: column; white-space: nowrap;" data-skill="restoration">[[Image:Renouvellementicone.png|link=Renouvellement]] [[Renouvellement]]</span>
 +
<span style="background: #d8c391; display: flex; flex-direction: column; white-space: nowrap;" data-skill="vampirism">[[Image:Vampireicone.png|link=Vampire]] [[Vampire]]</span>
 +
<span style="background: #d8c391; display: flex; flex-direction: column; white-space: nowrap;" data-skill="spiritualism">[[Image:Fantomesicone.png|link=Fantômes]] [[Fantômes]]</span>
 +
<span style="background: #d8c391; display: flex; flex-direction: column; white-space: nowrap;" data-skill="bulwark">[[Image:Obstacleicone.png|link=Obstacle]] [[Obstacle]]</span>
 +
<span style="background: #d8c391; display: flex; flex-direction: column; white-space: nowrap;" data-skill="reflection">[[Image:Miroiricone.png|link=Miroir]] [[Miroir]]</span>
 +
<span style="background: #d8c391; display: flex; flex-direction: column; white-space: nowrap;" data-skill="yang">[[Image:Chutedeyangsicone.png|link=Chute de Yangs]] [[Chute de Yangs]]</span>
 +
<span style="background: #d8c391; display: flex; flex-direction: column; white-space: nowrap;" data-skill="range">[[Image:Porteeicone.png|link=Portée]] [[Portée]]</span>
 +
<span style="background: #d8c391; display: flex; flex-direction: column; white-space: nowrap;" data-skill="immortal">[[Image:Invincibiliteicone.png|link=Invincibilité]] [[Invincibilité]]</span>
 +
<span style="background: #d8c391; display: flex; flex-direction: column; white-space: nowrap;" data-skill="panacea">[[Image:Soinsicone.png|link=Soins]] [[Soins]]</span>
 +
<span style="background: #d8c391; display: flex; flex-direction: column; white-space: nowrap;" data-skill="masterBrewer">[[Image:Maitrebrasseuricone.png|link=Maître brasseur]] [[Maître brasseur]]</span>
 +
<span style="background: #d8c391; 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="background: #d8c391; display: flex; flex-direction: column; white-space: nowrap;" data-skill="eagleEye">[[Image:Regardpercanticone.png|link=Regard perçant]] [[Regard perçant]]</span>
 +
<span style="background: #d8c391; display: flex; flex-direction: column; white-space: nowrap;" data-skill="drain">[[Image:Sangsueicone.png|link=Sangsue]] [[Sangsue]]</span>
 +
<span style="background: #d8c391; display: flex; flex-direction: column; white-space: nowrap;" data-skill="feather">[[Image:Poidsplumeicone.png|link=Poids plume]] [[Poids plume]]</span>
 +
<span style="background: #d8c391;" data-type="0">T1</span>
 +
<span style="background: #d8c391;" data-type="1">T2</span>
 +
<span style="background: #d8c391;" data-type="2">T3</span>
 +
<span style="background: #d8c391;" data-type="3">T4</span>
 +
<span style="background: #d8c391;" data-type="4">T5</span>
 +
<span style="background: #d8c391;" data-type="5">T6</span>
 +
<span style="background: #d8c391;" data-type="6">T7</span>
 +
<span style="background: #d8c391;" data-type="7">T8</span>
 +
<span style="background: #d8c391;" data-type="0">81</span>
 +
<span style="background: #d8c391;" data-type="1">82</span>
 +
<span style="background: #d8c391;" data-type="2">83</span>
 +
<span style="background: #d8c391;" data-type="3">84</span>
 +
<span style="background: #d8c391;" data-type="4">85</span>
 +
<span style="background: #d8c391;" data-type="5">86</span>
 +
<span style="background: #d8c391;" data-type="6">87</span>
 +
<span style="background: #d8c391;" data-type="7">88</span>
 +
<span style="background: #d8c391;" data-type="8">89</span>
 +
<span style="background: #d8c391;" data-type="9">90</span>
 +
<span style="background: #d8c391;" data-type="10">91</span>
 +
<span style="background: #d8c391;" data-type="11">92</span>
 +
<span style="background: #d8c391;" data-type="12">93</span>
 +
<span style="background: #d8c391;" data-type="13">94</span>
 +
<span style="background: #d8c391;" data-type="14">95</span>
 +
<span style="background: #d8c391;" data-type="15">96</span>
 +
<span style="background: #d8c391;" data-type="16">97</span>
 +
<span style="background: #d8c391;" data-type="17">98</span>
 +
<span style="background: #d8c391;" data-type="18">99</span>
 +
<span style="background: #d8c391;" data-type="19">100</span>
 +
<span style="background: #d8c391;" data-type="20">101</span>
 +
<span style="background: #d8c391;" data-type="21">102</span>
 +
<span style="background: #d8c391;" data-type="22">103</span>
 +
<span style="background: #d8c391;" data-type="23">104</span>
 +
<span style="background: #d8c391;" data-type="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; padding: 5px;">
 +
{| id="pet-values" style="text-align: center;" class="sticky-header-row sticky-header-column"
 +
|}
 
</div>
 
</div>
−
<div style="margin-top: 2px;">20</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="text-align: center;">
+
<div style="display: flex; justify-content: center;">
−
<div class="fondfenetre" style="display: flex; padding: 2px; justify-content: center; gap: 5px;">
+
<div style="display: flex; justify-content: center;">[[File:Competencedeclasseanimation.gif|link=Compétences de classe]]</div>
−
<div>[[Image:SMvit.png]]</div>
 
−
<div class="soulignement">[[Volonté de SungMa (VIT)|<div class="cacheOrdi">Volonté de SungMa (VIT)</div><div class="cacheTel">VIT</div>]]
 
 
</div>
 
</div>
 
</div>
 
</div>
−
<div style="margin-top: 2px;">10</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>
−
<div style="text-align: center;">
+
<div style="padding: 5px;">Image</div>
−
<div class="fondfenetre" style="display: flex; padding: 2px; justify-content: center; gap: 5px;">
 
−
<div>[[Image:SMres.png]]</div>
 
−
<div class="soulignement">[[Volonté de SungMa (RES)|<div class="cacheOrdi">Volonté de SungMa (RES)</div><div class="cacheTel">RES</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:9ecompetence.png|25px|link=]]</div>
 +
<div>9<sup>e</sup> compétence</div>
 +
<div>[[Image:9ecompetence.png|25px|link=]]</div>
 
</div>
 
</div>
−
<div style="margin-top: 2px;">25</div>
+
<div style="padding: 5px;">Image</div>
 
</div>
 
</div>
−
<div style="text-align: center;">
+
<div style="border:1px black solid; border-radius: 8px; overflow: hidden;">
−
<div class="fondfenetre" style="display: flex; padding: 2px; justify-content: center; gap: 5px;">
+
<div class="fondfenetre" style="display: flex; justify-content: center; gap: 5px; align-items: center; padding: 2px 5px;">
−
<div>[[Image:SMint.png]]</div>
+
<div>[[Image:Livredeprecision.png|25px|link=]]</div>
−
<div class="soulignement">[[Volonté de SungMa (INY)|<div class="cacheOrdi">Volonté de SungMa (INY)</div><div class="cacheTel">INT</div>]]
+
<div>Compétences secondaires</div>
 +
<div>[[Image:Lartdeguerresunzi.png|25px|link=]]</div>
 
</div>
 
</div>
 +
<div style="padding: 5px;">Image</div>
 
</div>
 
</div>
−
<div style="margin-top: 2px;">15</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>
 +
<div style="padding: 5px;">Image</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: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 15 juin 2024 à 13:58

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=103612 »