Page de test 2 : Différence entre versions

[version vérifiée][version vérifiée]
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}}
 
{{LoadJavascript|Script=tabber}}
 
<div class="tabber-container">
 
<div class="tabber-container">

Version du 28 septembre 2023 à 23:25

Warning.png Important :

Cette page est en cours de développement.

Liste des personnages
Pseudo
Modifier ce personnage
Dupliquer ce personnage
Télécharger les données de ce personnage
Supprimer ce personnage
Ajouter un nouveau personnage
Téléverser vos personnages
Édition/création d'un personnage
Pseudo

Général
Statistiques
Armes
Bonus
Niveau
Race
Guerrier
Ninja
Sura
Chamane
Lycan
Classe
Corps-à-corps
Mental
Magie noire
Arme magique
Assassin
Archer
Dragon
Soin
Arme
Étole
Amélioration de l'arme
+0
+1
+2
+3
+4
+5
+6
+7
+8
+9
Valeur d'attaque minimum
Valeur d'attaque maximum
Valeur d'attaque minimum
Valeur d'attaque maximum
Offensif
Défensif
Valeur d'attaque commandement

Sauvegarder

Création d'un combat

Qui inflige les dégâts ?
Qui reçoit les dégâts ?
Calculer


Bouton 1
Bouton 2
Bouton 3
Contenu 1
Contenu 2
Contenu 3
Modifier ce personnage
Dupliquer ce personnage
Télécharger les données de ce personnage
Supprimer ce personnage
Ajouter un nouveau personnage

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