Aide:Syntaxe pour débuter : Différence entre versions

De Wiki officiel de Renaissance Kingdoms
(Ajout images)
(Mise à jour)
Ligne 32 : Ligne 32 :
  
 
= Bases de la syntaxe wiki =
 
= Bases de la syntaxe wiki =
−
== Titres de section ==
+
== Couleurs du texte ==
−
Une section contient :
+
Il suffit de :
−
* le titre encadré par un nombre de signes « = » correspondant au niveau de la section
+
* taper les codes : <nowiki><span style="color:#Code couleur"> Texte en couleur </span></nowiki>.
−
* tout le texte qui suit jusqu'à la prochaine section de niveau égal ou supérieur ou la fin de la page.<br/><br/>
+
* renseigner le code code en valeurs hexadécimales.<br/><br/>
 +
 
 +
Les couleurs du texte sont utilisés dans le wiki principalement pour :
 +
* les exemples.
 +
* l'info-bulle IG des items.<br/><br/>
 +
 
 +
Le code hexadécimaux des couleurs de l'info-bulle IG des items est :
 +
* '''<span style="color:#CA6AD0>violet #CA6AD0</span>''' : aménagement 3D à placer en extérieur, en intérieur, permettant de modifier un mur intérieur de sa maison, de changer le sol de sa maison
 +
* '''<span style="color:#50B9EA>Turquoise #50B9EA</span>''' : lieu où trouver l'objet, artisan fabriquant l'objet, paysan produisant l'objet ou époque lors de laquelle l'objet s'obtient
 +
* '''<span style="color:#C2AD3A">jaune #C2Ad3A</span>''' : durabilité de l'objet
 +
* '''<span style="color:#808025">jaune doré #808025</span>''' : prospérité de l'objet
 +
* '''<span style="color:#4C0B09">brun foncé #4C0B09</span>''' : limite d'exemplaire de l'objet apportant de la prospérité
 +
* '''<span style="color:#DE7435">orange #DE7435</span>''' : type de vêtement ou d'accessoire mixte, pour femme ou pour homme
 +
* '''<span style="color:#D3312C">rouge #D3312C</span>''' : type d'arme. les boucliers sont considérés comme une arme
 +
* '''<span style="color:#469A43">vert #469A43</span>''' : impact de l'objet sur les caractéristiques, la vertu de prédilection, les péchés mignons, ou les actions d'un personnage, d'un comté, d'un duché
 +
* '''<span style="color:#265911">vert foncé #265911</span>''' : aliment de luxe uniquement consommable par les bourgeois
 +
* '''Blanc''' : texte décrivant l'objet, parfois avec humour<br/><br/>
  
 
'''<span style="color:#EF9B0F">Exemple :</span>'''<br/>
 
'''<span style="color:#EF9B0F">Exemple :</span>'''<br/>
−
<nowiki>= Titre de section =</nowiki><br/>
+
<nowiki>'''<span style="color:#EF9B0F">Texte en couleurs</span>'''</nowiki><br/><br/>
−
<nowiki>== Titre de sous-section ==</nowiki><br/>
+
'''<span style="color:#EF9B0F">Texte en couleurs</span>'''<br/><br/>
−
<nowiki>=== Titre de sous-sous-section ===</nowiki><br/>
+
 
−
<nowiki>===== Titre de sous-sous-sous-section =====</nowiki><br/><br/>
+
== Disposition du texte ==
 +
Le texte peut être :
 +
* centré : <nowiki><div style="text-align: center;"> Texte </div></nowiki>
 +
* aligné à droite : <nowiki><div style="text-align: right"> Texte </div></nowiki>
 +
* aligné à gauche : <nowiki><div style="text-align: left"> Texte </div></nowiki><br/><br/>
  
−
== Sauts de ligne ==
+
'''<span style="color:#EF9B0F">Exemple :</span>'''<br/>
−
Pour créer un saut de page, un simple saut à la ligne ne suffit pas. Il n'a aucun effet. Il vous faut :
+
<nowiki>Le texte peut être<br/></nowiki><br/>
−
* laisser une ligne vide.
+
<nowiki><div style="text-align: center;">centré</div></nowiki><br/>
−
* taper le code : <nowiki><br/></nowiki><br/><br/>
+
<nowiki><div style="text-align: right">aligné à droite</div></nowiki><br/>
 +
<nowiki><div style="text-align: left">aligné à gauche</div></nowiki><br/><br/>
  
−
'''Remarque :'''
+
Le texte peut être <br/>
−
* Doubler le code <nowiki><br/></nowiki> suffit à augmenter le nombre de sauts de ligne.<br/><br/>
+
<div style="text-align: center">centré.</div>
 +
<div style="text-align: right">aligné à droite.</div>
 +
<div style="text-align: left">aligné à gauche.</div><br/><br/>
  
 
== Exemple, Remarque ==
 
== Exemple, Remarque ==
 +
Les mises en forme d'Exemple et de Remarque utilisées dans le wiki sont les suivantes :<br/><br/>
 +
 
'''<span style="color:#EF9B0F">Exemple :</span>'''<br/>
 
'''<span style="color:#EF9B0F">Exemple :</span>'''<br/>
 
<nowiki>'''Remarque :'''</nowiki><br/>
 
<nowiki>'''Remarque :'''</nowiki><br/>
Ligne 66 : Ligne 91 :
 
Texte à écrire<br/><br/>
 
Texte à écrire<br/><br/>
  
−
== Disposition du texte ==
+
== Image ==
−
Le texte peut être :
+
[[Fichier:WIKISyntaxe03.png|center]]<br/>
−
* centré : <nowiki><div style="text-align: center;"> Texte </div></nowiki>
+
Pour insérer une image dans une page, il faut :
−
* aligné à droite : <nowiki><div style="text-align: right"> Texte </div></nowiki>
+
* cliquer à gauche, en bas de la page sur : "<span style="color:#f6b443">téléverser un fichier</span>"
−
* aligné à gauche : <nowiki><div style="text-align: left"> Texte </div></nowiki><br/><br/>
+
** choisir l'image : [[Fichier:BoutonWikiChoisirFichier.png]]
 +
** écrire sa description pour aider les autres wikiéditeurs
 +
** l'importer : [[Fichier:BoutonWikiImporterFichier.png]]<br/><br/>
 +
 
 +
Pour voir ou rechercher des images précédemment téléversées, vous pouvez consulter [[Spécial:Liste_des_fichiers|la liste des fichiers téléversés]].
 +
 
 +
== Listes ==
 +
3 types de listes peuvent être créés :
 +
* la liste non ordonnée
 +
** chaque élément se trouve sur une nouvelle ligne
 +
** chaque ligne commence par un astérisque <nowiki>*</nowiki> : <nowiki>* ligne</nowiki>
 +
* la liste ordonnée :
 +
** chaque élément se trouve sur une nouvelle ligne
 +
** chaque ligne commence par un croisillon <nowiki>#</nowiki> : <nowiki># ligne</nowiki>
 +
* la liste de définition :
 +
** chaque élément est composé de deux parties : un terme et une description.
 +
** le terme se trouve sur une nouvelle ligne qui commence par un point virgule <nowiki>;</nowiki> : <nowiki>; terme</nowiki>
 +
** la description :
 +
*** suit sur la même ligne après deux-points <nowiki>:</nowiki> : <nowiki>;: description</nowiki>
 +
*** commence sur sa propre ligne en commençant par deux-points <nowiki>:</nowiki> : <nowiki>: description</nowiki><br/><br/>
  
 
'''<span style="color:#EF9B0F">Exemple :</span>'''<br/>
 
'''<span style="color:#EF9B0F">Exemple :</span>'''<br/>
−
<nowiki>Le texte peut être<br/></nowiki><br/>
+
<nowiki>* Les listes sont très simples à créer :</nowiki><br/>
−
<nowiki><div style="text-align: center;">centré</div></nowiki><br/>
+
<nowiki>** commencer chaque ligne</nowiki><br/>
−
<nowiki><div style="text-align: right">aligné à droite</div></nowiki><br/>
+
<nowiki>* par une étoile</nowiki><br/>
−
<nowiki><div style="text-align: left">aligné à gauche</div></nowiki><br/><br/>
+
<nowiki>** plus d’étoiles entrainent</nowiki><br/>
 +
<nowiki>*** des niveaux d’imbrication plus profonds</nowiki><br/><br/>
 +
 
 +
* Les listes sont très simples à créer :
 +
** commencer chaque ligne
 +
* par une étoile
 +
** plus d’étoiles entrainent
 +
*** des niveaux d’imbrication plus profonds<br/><br/>
 +
 
 +
<nowiki># Les listes ordonnées sont bien</nowiki><br/>
 +
<nowiki>## très organisées</nowiki><br/>
 +
<nowiki>## faciles à suivre</nowiki><br/><br/>
  
−
Le texte peut être <br/>
+
# Les listes ordonnées sont bien
−
<div style="text-align: center">centré.</div>
+
## très organisées
−
<div style="text-align: right">aligné à droite.</div>
+
## faciles à suivre<br/><br/>
−
<div style="text-align: left">aligné à gauche.</div><br/><br/>
 
  
−
== Couleurs du texte ==
+
<nowiki>; Listes de définitions imbriquées</nowiki><br/>
−
Il suffit de :
+
<nowiki>; élément 1 : définition</nowiki><br/>
−
* taper les codes : <nowiki><span style="color:#Code couleur"> Texte en couleur </span></nowiki>.
+
<nowiki>:; sous-élément 1 suivi d’un terme</nowiki><br/>
−
* renseigner le code code en valeurs hexadécimales.<br/><br/>
+
<nowiki>:: deux fois deux-points suivi d’une définition</nowiki><br/>
 +
<nowiki>:; sous-élément 2 : deux-points suivi de la définition</nowiki><br/>
 +
<nowiki>; élément 2</nowiki><br/>
 +
<nowiki>: retour à la liste principale</nowiki><br/><br/>
  
−
Les couleurs du texte sont utilisés dans le wiki principalement pour :
+
; Listes de définitions imbriquées
−
* les exemples.
+
; élément 1 : définition
−
* l'info-bulle IG des items.<br/><br/>
+
:; sous-élément 1 suivi d’un terme
 +
:: deux fois deux-points suivi d’une définition
 +
:; sous-élément 2 : deux-points suivi de la définition
 +
; élément 2
 +
: retour à la liste principale<br/><br/>
  
−
Le code hexadécimaux des couleurs de l'info-bulle IG des items est :
+
== Sauts de ligne ==
−
* '''<span style="color:#CA6AD0>violet #CA6AD0</span>''' : aménagement 3D à placer en extérieur, en intérieur, permettant de modifier un mur intérieur de sa maison, de changer le sol de sa maison
+
Pour créer un saut de page, un simple saut à la ligne ne suffit pas. Il n'a aucun effet. Il vous faut :
−
* '''<span style="color:#50B9EA>Turquoise #50B9EA</span>''' : lieu où trouver l'objet, artisan fabriquant l'objet, paysan produisant l'objet ou époque lors de laquelle l'objet s'obtient
+
* laisser une ligne vide.
−
* '''<span style="color:#C2AD3A">jaune #C2Ad3A</span>''' : durabilité de l'objet
+
* taper le code : <nowiki><br/></nowiki><br/><br/>
−
* '''<span style="color:#808025">jaune doré #808025</span>''' : prospérité de l'objet
 
−
* '''<span style="color:#4C0B09">brun foncé #4C0B09</span>''' : limite d'exemplaire de l'objet apportant de la prospérité
 
−
* '''<span style="color:#DE7435">orange #DE7435</span>''' : type de vêtement ou d'accessoire mixte, pour femme ou pour homme
 
−
* '''<span style="color:#D3312C">rouge #D3312C</span>''' : type d'arme. les boucliers sont considérés comme une arme
 
−
* '''<span style="color:#469A43">vert #469A43</span>''' : impact de l'objet sur les caractéristiques, la vertu de prédilection, les péchés mignons, ou les actions d'un personnage, d'un comté, d'un duché
 
−
* '''<span style="color:#265911">vert foncé #265911</span>''' : aliment de luxe uniquement consommable par les bourgeois
 
−
* '''Blanc''' : texte décrivant l'objet, parfois avec humour<br/><br/>
 
  
−
'''<span style="color:#EF9B0F">Exemple :</span>'''<br/>
+
'''Remarque :'''
−
<nowiki>'''<span style="color:#EF9B0F">Texte en couleurs</span>'''</nowiki><br/><br/>
+
* Doubler le code <nowiki><br/></nowiki> suffit à augmenter le nombre de sauts de ligne.<br/><br/>
−
'''<span style="color:#EF9B0F">Texte en couleurs</span>'''<br/><br/>
 
  
 
== Tableau ==
 
== Tableau ==
 +
Pour créer un tableau, différentes balises sont à utiliser :
 +
* '''<nowiki>{|</nowiki>''' : début de tableau
 +
** une balise obligatoire.
 +
* '''<nowiki>|-</nowiki>''' : ligne de tableau
 +
* '''<nowiki>!</nowiki>''' : cellule en-tête de tableau
 +
** une balise optionnelle.
 +
** simple (<nowiki> ! </nowiki>) si au début d'une nouvelle ligne.
 +
** à doubler (<nowiki> !! </nowiki>) si sur la même ligne.
 +
* '''<nowiki>|</nowiki>''' : cellule données de tableau
 +
** une balise optionnelle.
 +
** simple (<nowiki> | </nowiki>) si au début d'une nouvelle ligne.
 +
** à doubler (<nowiki> || </nowiki>) si sur la même ligne.
 +
* '''<nowiki>|}</nowiki>''' : fin de tableau
 +
** une balise obligatoire.<br/><br/>
 +
 
'''<span style="color:#EF9B0F">Exemple :</span>'''<br/>
 
'''<span style="color:#EF9B0F">Exemple :</span>'''<br/>
 
:{| class="wikitable"
 
:{| class="wikitable"
−
|Colonne 1, Ligne 1||Colonne 2, Ligne 1||Colonne 3, Ligne 1
+
! Texte de l’en-tête !! Texte de l’en-tête !! Texte de l’en-tête
 +
|-
 +
|Colonne 1, Ligne 1
 +
|Colonne 2, Ligne 1
 +
|Colonne 3, Ligne 1
 
|-
 
|-
 
|Colonne 1, Ligne 2||Colonne 2, Ligne 2||Colonne 3, Ligne 2
 
|Colonne 1, Ligne 2||Colonne 2, Ligne 2||Colonne 3, Ligne 2
Ligne 119 : Ligne 191 :
 
<nowiki>|Colonne 1, Ligne 1||Colonne 2, Ligne 1||Colonne 3, Ligne 1</nowiki><br/>
 
<nowiki>|Colonne 1, Ligne 1||Colonne 2, Ligne 1||Colonne 3, Ligne 1</nowiki><br/>
 
<nowiki>|-</nowiki>
 
<nowiki>|-</nowiki>
−
<nowiki>|Colonne 1, Ligne 2||Colonne 2, Ligne 2||Colonne 3, Ligne 2</nowiki><br/>
+
<nowiki>|Colonne 1, Ligne 2</nowiki><br/>
 +
<nowiki>|Colonne 2, Ligne 2</nowiki><br/>
 +
<nowiki>|Colonne 3, Ligne 2</nowiki><br/>
 
<nowiki>|}<br/></nowiki><br/><br/>
 
<nowiki>|}<br/></nowiki><br/><br/>
  
−
== Image ==
+
== Titres de section ==
−
[[Fichier:WIKISyntaxe03.png|center]]<br/>
+
Une section contient :
−
Pour insérer une image dans une page, il faut :
+
* le titre encadré par un nombre de signes « = » correspondant au niveau de la section
−
* cliquer à gauche, en bas de la page sur : "<span style="color:#f6b443">téléverser un fichier</span>"
+
* tout le texte qui suit jusqu'à la prochaine section de niveau égal ou supérieur ou la fin de la page.<br/><br/>
−
** choisir l'image : [[Fichier:BoutonWikiChoisirFichier.png]]
 
−
** écrire sa description pour aider les autres wikiéditeurs
 
−
** l'importer : [[Fichier:BoutonWikiImporterFichier.png]]<br/><br/>
 
  
−
Pour voir ou rechercher des images précédemment téléversées, vous pouvez consulter [[Spécial:Liste_des_fichiers|la liste des fichiers téléversés]].
+
'''<span style="color:#EF9B0F">Exemple :</span>'''<br/>
 +
<nowiki>= Titre de section =</nowiki><br/>
 +
<nowiki>== Titre de sous-section ==</nowiki><br/>
 +
<nowiki>=== Titre de sous-sous-section ===</nowiki><br/>
 +
<nowiki>===== Titre de sous-sous-sous-section =====</nowiki><br/><br/>

Version du 13 novembre 2022 à 20:51

Vous lisez un article en cours de mise à jour. Son contenu sera prochainement actualisé. Des erreurs peuvent subsister.

Cette page consiste à fournir aux éditeurs FR quelques rudiments de syntaxe, de codes pour la création/mise à jour d'une page.

Créer une page

WIKISyntaxe01.png


3 solutions existent pour créer un lien vers une nouvelle page :

  • Solution 1, lors de l'écriture dans une page :
    • Mettre son nom entre crochets : [[Ma nouvelle page]].
    • Enregistrer la page ou prévisualiser la.
    • Cliquer sur "Ma nouvelle page" pour avoir la page de création.

  • Solution 2, à partir de la barre de recherche :
    • Écrire son nom "Ma nouvelle page".
    • Lancer la recherche par la touche "Entrer" ou le clic sur la loupe.
    • Cliquer sur "Ma nouvelle page" pour avoir la page de création.

  • Solution 3, à partir de la barre d'adresse :
    • Ajouter le nom de la nouvelle page précédé d'une barre / : https://wiki.renaissancekingdoms.com/fr/Ma_nouvelle_page
    • Valider par la touche "Entrer"
    • Cliquer sur un des liens pour avoir la page de création : "créer cette page" ou "Créer"

La création faite, un clic sur le bouton "Prévisualiser" permet de voir le résultat, un autre sur le bouton "Enregistrer" pour valider la création de la page.

Modifier une page

WIKISyntaxe02.png


Il suffit de cliquer sur le lien "Modifier", à droite :

  • en haut de la page pour modifier toute la page.
  • en face de la section pour modifier seulement la section.

Les modifications faites, un clic sur le bouton "Prévisualiser" permet de voir le résultat, un autre sur le bouton "Enregistrer les modifications" pour valider les modifications.

Bases de la syntaxe wiki

Couleurs du texte

Il suffit de :

  • taper les codes : <span style="color:#Code couleur"> Texte en couleur </span>.
  • renseigner le code code en valeurs hexadécimales.

Les couleurs du texte sont utilisés dans le wiki principalement pour :

  • les exemples.
  • l'info-bulle IG des items.

Le code hexadécimaux des couleurs de l'info-bulle IG des items est :

  • violet #CA6AD0 : aménagement 3D à placer en extérieur, en intérieur, permettant de modifier un mur intérieur de sa maison, de changer le sol de sa maison
  • Turquoise #50B9EA : lieu où trouver l'objet, artisan fabriquant l'objet, paysan produisant l'objet ou époque lors de laquelle l'objet s'obtient
  • jaune #C2Ad3A : durabilité de l'objet
  • jaune doré #808025 : prospérité de l'objet
  • brun foncé #4C0B09 : limite d'exemplaire de l'objet apportant de la prospérité
  • orange #DE7435 : type de vêtement ou d'accessoire mixte, pour femme ou pour homme
  • rouge #D3312C : type d'arme. les boucliers sont considérés comme une arme
  • vert #469A43 : impact de l'objet sur les caractéristiques, la vertu de prédilection, les péchés mignons, ou les actions d'un personnage, d'un comté, d'un duché
  • vert foncé #265911 : aliment de luxe uniquement consommable par les bourgeois
  • Blanc : texte décrivant l'objet, parfois avec humour

Exemple :
'''<span style="color:#EF9B0F">Texte en couleurs</span>'''

Texte en couleurs

Disposition du texte

Le texte peut être :

  • centré : <div style="text-align: center;"> Texte </div>
  • aligné à droite : <div style="text-align: right"> Texte </div>
  • aligné à gauche : <div style="text-align: left"> Texte </div>

Exemple :
Le texte peut être<br/>
<div style="text-align: center;">centré</div>
<div style="text-align: right">aligné à droite</div>
<div style="text-align: left">aligné à gauche</div>

Le texte peut être

centré.
aligné à droite.
aligné à gauche.



Exemple, Remarque

Les mises en forme d'Exemple et de Remarque utilisées dans le wiki sont les suivantes :

Exemple :
'''Remarque :'''
* Texte à écrire <br/><br/>

Remarque :

  • Texte à écrire

Exemple :
'''<span style="color:#EF9B0F">Exemple :</span>'''<br/>
Texte à écrire <br/><br/>

Exemple :
Texte à écrire

Image

WIKISyntaxe03.png


Pour insérer une image dans une page, il faut :

  • cliquer à gauche, en bas de la page sur : "téléverser un fichier"
    • choisir l'image : BoutonWikiChoisirFichier.png
    • écrire sa description pour aider les autres wikiéditeurs
    • l'importer : BoutonWikiImporterFichier.png

Pour voir ou rechercher des images précédemment téléversées, vous pouvez consulter la liste des fichiers téléversés.

Listes

3 types de listes peuvent être créés :

  • la liste non ordonnée
    • chaque élément se trouve sur une nouvelle ligne
    • chaque ligne commence par un astérisque * : * ligne
  • la liste ordonnée :
    • chaque élément se trouve sur une nouvelle ligne
    • chaque ligne commence par un croisillon # : # ligne
  • la liste de définition :
    • chaque élément est composé de deux parties : un terme et une description.
    • le terme se trouve sur une nouvelle ligne qui commence par un point virgule ; : ; terme
    • la description :
      • suit sur la même ligne après deux-points : : ;: description
      • commence sur sa propre ligne en commençant par deux-points : : : description

Exemple :
* Les listes sont très simples à créer :
** commencer chaque ligne
* par une étoile
** plus d’étoiles entrainent
*** des niveaux d’imbrication plus profonds

  • Les listes sont très simples à créer :
    • commencer chaque ligne
  • par une étoile
    • plus d’étoiles entrainent
      • des niveaux d’imbrication plus profonds

# Les listes ordonnées sont bien
## très organisées
## faciles à suivre

  1. Les listes ordonnées sont bien
    1. très organisées
    2. faciles à suivre

; Listes de définitions imbriquées
; élément 1 : définition
:; sous-élément 1 suivi d’un terme
:: deux fois deux-points suivi d’une définition
:; sous-élément 2 : deux-points suivi de la définition
; élément 2
: retour à la liste principale

Listes de définitions imbriquées
élément 1 
définition
sous-élément 1 suivi d’un terme
deux fois deux-points suivi d’une définition
sous-élément 2 
deux-points suivi de la définition
élément 2
retour à la liste principale

Sauts de ligne

Pour créer un saut de page, un simple saut à la ligne ne suffit pas. Il n'a aucun effet. Il vous faut :

  • laisser une ligne vide.
  • taper le code : <br/>

Remarque :

  • Doubler le code <br/> suffit à augmenter le nombre de sauts de ligne.

Tableau

Pour créer un tableau, différentes balises sont à utiliser :

  • {| : début de tableau
    • une balise obligatoire.
  • |- : ligne de tableau
  • ! : cellule en-tête de tableau
    • une balise optionnelle.
    • simple ( ! ) si au début d'une nouvelle ligne.
    • à doubler ( !! ) si sur la même ligne.
  • | : cellule données de tableau
    • une balise optionnelle.
    • simple ( | ) si au début d'une nouvelle ligne.
    • à doubler ( || ) si sur la même ligne.
  • |} : fin de tableau
    • une balise obligatoire.

Exemple :

Texte de l’en-tête Texte de l’en-tête Texte de l’en-tête
Colonne 1, Ligne 1 Colonne 2, Ligne 1 Colonne 3, Ligne 1
Colonne 1, Ligne 2 Colonne 2, Ligne 2 Colonne 3, Ligne 2

:{| class="wikitable"
|Colonne 1, Ligne 1||Colonne 2, Ligne 1||Colonne 3, Ligne 1
|- |Colonne 1, Ligne 2
|Colonne 2, Ligne 2
|Colonne 3, Ligne 2
|}<br/>

Titres de section

Une section contient :

  • le titre encadré par un nombre de signes « = » correspondant au niveau de la section
  • tout le texte qui suit jusqu'à la prochaine section de niveau égal ou supérieur ou la fin de la page.

Exemple :
= Titre de section =
== Titre de sous-section ==
=== Titre de sous-sous-section ===
===== Titre de sous-sous-sous-section =====

Récupérée de « https://wiki.renaissancekingdoms.com/fr/index.php?title=Aide:Syntaxe_pour_débuter&oldid=31613 »