Page de test 2 : Différence entre versions

[version vérifiée][version vérifiée]
 
(20 révisions intermédiaires par 3 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
{{Attention|1=
 
Cette page est en cours de développement.
 
}}
 
{{LoadJavascript|Script=element}}
 
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 10px 5px;">
 
<div style="border: 1px black solid; padding: 10px;">
 
<div style="margin: 10px 0; font-weight: bold; font-size: 1.4em;">Liste des personnages</div>
 
<div id="characters-container" style="display: flex; flex-direction: column; gap: 10px 0;">
 
<div id="new-character-template" class="tabber-noactive">
 
<div class="popInfo" style="display: flex; justify-content: space-between; line-height: 24px; font-size: 1.2em; gap: 10px; border: 1px grey solid; padding: 0 5px; height: 24px;"><span class="input">Pseudo</span><div class="svg-container popContenu" style="opacity: 0;">{{Svg|class=svg-icon|height=24|viewBox=0 -960 960 960|width=24|data=edition|title=Modifier ce personnage}}{{Svg|class=svg-icon|height=24|viewBox=0 -960 960 960|width=24|data=duplicate|title=Dupliquer ce personnage}}{{Svg|class=svg-icon|height=24|viewBox=0 -960 960 960|width=24|data=download|title=Télécharger les données de ce personnage}}{{Svg|class=svg-icon svg-icon-delete|height=24|viewBox=0 -960 960 960|width=24|data=delete|title=Supprimer ce personnage}}</div>
 
</div>
 
</div>
 
</div>
 
<div style="display: flex; justify-content: center; margin-top: 10px;">
 
{{Svg|id=add-new-character|class=svg-icon|height=24|viewBox=0 -960 960 960|width=24|data=add|title=Ajouter un nouveau personnage}}
 
{{Svg|id=upload-character|class=svg-icon|height=24|viewBox=0 -960 960 960|width=24|data=upload|title=Téléverser vos personnages}} 
 
</div>
 
</div>
 
<div style="border: 1px black solid; padding: 10px;">
 
<div style="margin: 10px 0; font-weight: bold; font-size: 1.4em;">Édition/création d'un personnage</div>
 
<div>
 
{{Form|id=character-creation|class=tabber-noactive|content=
 
{{Input|text='''Pseudo'''|id=name|style=pointer-events: none; background-color: rgba(239, 239, 239, 0.3); color: rgb(84, 84, 84); border-color: rgba(118, 118, 118, 0.3);}}
 
----
 
{{Tabber
 
|noBg=true
 
|url=true
 
|Bo1=Général
 
|Co1=
 
<div style="display: flex; flex-direction: column; align-items: flex-start;">
 
{{Input|text='''Niveau'''|id=level|type=number|min=1|max=120|value=1}}
 
{{Select||text='''Race'''|id=race-choice|name=race|content=
 
{{Option|text=Guerrier|value=warrior}}
 
{{Option|text=Ninja|value=ninja}}
 
{{Option|text=Sura|value=sura}}
 
{{Option|text=Chamane|value=shaman}}
 
{{Option|text=Lycan|value=lycan}}
 
}}
 
{{Select||text='''Classe'''|id=class-choice|idLabel=class-choice-label|name=class|content=
 
{{Option|text=Corps-à-corps|value=body|data=race+warrior}}
 
{{Option|text=Mental|value=mental|data=race+warrior}}
 
{{Option|text=Magie noire|value=black_magic|data=race+sura|class=tabber-noactive}}
 
{{Option|text=Arme magique|value=weaponary|data=race+sura|class=tabber-noactive}}
 
{{Option|text=Assassin|value=blade_fight|data=race+ninja|class=tabber-noactive}}
 
{{Option|text=Archer|value=archery|data=race+ninja|class=tabber-noactive}}
 
{{Option|text=Dragon|value=dragon|data=race+shaman|class=tabber-noactive}}
 
{{Option|text=Soin|value=heal|data=race+shaman|class=tabber-noactive}}
 
}}
 
</div>
 
|Bo2=Statistiques
 
|Co2=
 
<div style="display: flex; flex-direction: column; align-items: flex-start; gap: 10px;">
 
{{Input|text={{L|VIT|Vitalité|23|nom=VIT}}|id=vit|type=number|min=0|max=300|value=0}}
 
{{Input|text={{L|INT|Intelligence|23|nom=INT}}|id=int|type=number|min=0|max=300|value=0}}
 
{{Input|text={{L|STR|Force|23|nom=STR}}|id=str|type=number|min=0|max=300|value=0}}
 
{{Input|text={{L|DEX|Dextérité|23|nom=DEX}}|id=dex|type=number|min=0|max=300|value=0}}
 
</div>
 
|Bo3=Armes
 
|Co3=
 
{{Tabber
 
|noBg=true
 
|url=true
 
|Bo1=Arme
 
|Co1=
 
<div style="display: flex; flex-direction: column; align-items: flex-start;">
 
{{Select|id=weapon-choice|name=weapon}}
 
{{Select||text='''Amélioration de l'arme'''|id=upgrade-choice|name=upgrade|class=tabber-noactive|content=
 
{{Option|text=+0|value=0}}
 
{{Option|text=+1|value=1}}
 
{{Option|text=+2|value=2}}
 
{{Option|text=+3|value=3}}
 
{{Option|text=+4|value=4}}
 
{{Option|text=+5|value=5}}
 
{{Option|text=+6|value=6}}
 
{{Option|text=+7|value=7}}
 
{{Option|text=+8|value=8}}
 
{{Option|text=+9|value=9|selected=true}}
 
}}
 
<div id="random-attack-value" class="tabber-noactive">
 
{{Input|text='''Valeur d'attaque minimum'''|id=random-attack-value-min|name=randomAttackValueMin|type=number|min=0|max=2000|value=0}}
 
{{Input|text='''Valeur d'attaque maximum'''|id=random-attack-value-max|name=randomAttackValueMax|type=number|min=0|max=2000|value=0}}
 
</div>
 
</div>
 
|Bo2=Étole
 
|Co2=
 
<div style="display: flex; flex-direction: column; align-items: flex-start;">
 
{{Input|text='''Valeur d'attaque minimum'''|id=slash-min|name=slashMin|type=number|min=0|max=500|value=0}}
 
{{Input|text='''Valeur d'attaque maximum'''|id=slash-max|name=slashMax|type=number|min=0|max=500|value=0}}
 
</div>
 
}}
 
|Bo4=Bonus
 
|Co4=
 
{{Tabber
 
|noBg=true
 
|url=true
 
|Bo1=Offensif
 
|Co1=
 
<div style="display: flex; flex-direction: column; align-items: flex-start; gap: 10px;">
 
{{Input|text=Valeur d'attaque commandement|id=leadership|type=number|min=0|max=100|value=0}}
 
{{Input|text=[[Valeur d'attaque (bonus)]]|id=attack-value|name=attackValue|type=number|min=0|max=10000|value=0}}
 
</div>
 
|Bo2=Défensif
 
|Co2=
 
<div style="display: flex; flex-direction: column; align-items: flex-start; gap: 10px;">
 
{{Input|text=[[Défense]]|id=defense|type=number|min=0|max=5000|value=0}}
 
</div>
 
}}
 
}}
 
----
 
{{Button|text=Sauvegarder}}
 
}}
 
</div>
 
</div>
 
</div>
 
  
==Création d'un combat==
 
  
{{Form|id=create-battle|content=
+
-------------------------------------------
<div style="display: flex; flex-direction: column; align-items: flex-start;">
 
{{Select||text=Qui inflige les dégâts ?|id=attacker-selection|name=attacker}}
 
{{Select||text=Qui reçoit les dégâts ?|id=victim-selection|name=victim}}
 
</div>
 
<div style="margin-top: 10px;">
 
{{Button|text=Calculer}}
 
</div>
 
}}
 
<div id="result-damage"></div>
 
 
 
 
 
{{LoadJavascript|Script=tabber}}
 
<div class="tabber-container">
 
<div>
 
<div class="tabber-active button" data-position="0">Bouton 1</div>
 
<div class="button" data-position="1">Bouton 2</div>
 
<div class="button" data-position="2">Bouton 3</div>
 
</div>
 
<div>
 
<div class="tabber-active">
 
<div>Contenu 1</div>
 
</div>
 
<div>
 
<div>Contenu 2</div>
 
</div>
 
<div>
 
<div>Contenu 3</div>
 
</div>
 
</div>
 
</div>
 
{{Svg|class=svg-icon|height=24|viewBox=0 -960 960 960|width=24|data=edition|title=Modifier ce personnage}}
 
{{Svg|class=svg-icon|height=24|viewBox=0 -960 960 960|width=24|data=duplicate|title=Dupliquer ce personnage}}
 
{{Svg|class=svg-icon|height=24|viewBox=0 -960 960 960|width=24|data=download|title=Télécharger les données de ce personnage}}
 
{{Svg|class=svg-icon|height=24|viewBox=0 -960 960 960|width=24|data=delete|title=Supprimer ce personnage}}
 
{{Svg|class=svg-icon|height=24|viewBox=0 -960 960 960|width=24|data=add|title=Ajouter un nouveau personnage}}
 
 
{{Subpage3|[[Liste des quêtes]]}}
 
{{Subpage3|[[Liste des quêtes]]}}
 
==Conditions==
 
==Conditions==

Version actuelle datée du 27 mars 2024 à 17:24



Conditions

Type de quête :
Quêtes principales
Niveau requis :
Champion 1
Quête précédente :
Quête suivante :

Déroulement de la quête

Récompenses