Mise en forme des articles Numisdoc

Écrit le 11 janvier 2011 • Dernière modification : 26 mai 2015
Voir l'article en anglais

Cette page décrit la syntaxe à utiliser pour la mise en page d'un article sur Numisdoc.

Titres

Pour créer un titre de section, utilisez la syntaxe suivante :
Syntaxe Rendu
== Titre de premier niveau ==

Titre de premier niveau

=== Titre de deuxième niveau ===

Titre de deuxième niveau

==== Titre de troisième niveau ====
Titre de niveau troisième niveau

Listes

Vous avez le choix entre des listes numérotées et non numérotées :
Syntaxe Rendu
* Premier élément
* Second élément
  • Premier élément
  • Second élément
# Premier élément
# Second élément
  1. Premier élément
  2. Second élément
L'astérisque (*) ou le dièse (#) doivent être placés en début de ligne.

Pour continuer un élément de liste après un retour à la ligne, débutez la ligne avec deux espaces.
Syntaxe Rendu
# Premier élément
Suite
# Second élément
  1. Premier élément
Suite
  1. Second élément
# Premier élément
  Suite
# Second élément
  1. Premier élément
    Suite
  2. Second élément

Tableaux

Les tableaux sont délimités par des accolades ({ et }) placées seules sur une ligne.
À l'intérieur de ces accolades, chaque nouvelle ligne est signalée par une barre verticale suivie d'un tiret (|-) seuls sur une ligne. Le passage d'une case à l'autre est signalé par une barre verticale (|), le retour à la ligne n'étant pas nécessaire.
Vous pouvez également définir des cases de titre, en faisant débuter le contenu de la case par un point d'exclamation (!).
Syntaxe Rendu
{
|-
| A | B | C
|-
| Texte A
| Texte B
| Texte C
|-
}
ABC
Texte A Texte BTexte C
{
|-
|! A |! B |! C
|-
| Texte A | Texte B | Texte C
|-
}
ABC
Texte A Texte BTexte C

Images et vidéos

Après avoir enregistré votre image sur Numista (lien en bas de cet éditeur), vous pouvez l'inclure en recopiant le code qui s'affiche juste en-dessous de sa miniature. Vous pouvez éventuellement préciser une texte alternatif pour l'image.
Les vidéos, quant à elles, doivent être téléchargées sur YouTube. Vous n'avez alors qu'à recopier le numéro de la vidéo.
Syntaxe Rendu
[img]4/4d2c90ddab466.gif[/img]
[img=Logo Numista]4/4d2c90ddab466.gif[/img]
[video]DLbLV9gYxso[/video]

Alignement

Vous pouvez aligner du texte avec la balise [align], en précisant "left" (gauche), "center" (centré), "right" (droite) ou "justify" (justifié).
Pour positionner un élément d'un côté tout en permettant au texte de continuer de l'autre, précisez "float-left" ou "float-right".
Syntaxe Rendu
[align=left]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam facilisis, mauris a convallis dictum, tortor lorem iaculis tortor, quis auctor lectus lorem venenatis metus. Ut eu odio diam. Donec vitae consequat lacus. Sed lacus velit, aliquam in euismod et, blandit et dui.[/align]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam facilisis, mauris a convallis dictum, tortor lorem iaculis tortor, quis auctor lectus lorem venenatis metus. Ut eu odio diam. Donec vitae consequat lacus. Sed lacus velit, aliquam in euismod et, blandit et dui.
[align=center]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam facilisis, mauris a convallis dictum, tortor lorem iaculis tortor, quis auctor lectus lorem venenatis metus. Ut eu odio diam. Donec vitae consequat lacus. Sed lacus velit, aliquam in euismod et, blandit et dui.[/align]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam facilisis, mauris a convallis dictum, tortor lorem iaculis tortor, quis auctor lectus lorem venenatis metus. Ut eu odio diam. Donec vitae consequat lacus. Sed lacus velit, aliquam in euismod et, blandit et dui.
[align=right]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam facilisis, mauris a convallis dictum, tortor lorem iaculis tortor, quis auctor lectus lorem venenatis metus. Ut eu odio diam. Donec vitae consequat lacus. Sed lacus velit, aliquam in euismod et, blandit et dui.[/align]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam facilisis, mauris a convallis dictum, tortor lorem iaculis tortor, quis auctor lectus lorem venenatis metus. Ut eu odio diam. Donec vitae consequat lacus. Sed lacus velit, aliquam in euismod et, blandit et dui.
[align=justify]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam facilisis, mauris a convallis dictum, tortor lorem iaculis tortor, quis auctor lectus lorem venenatis metus. Ut eu odio diam. Donec vitae consequat lacus. Sed lacus velit, aliquam in euismod et, blandit et dui.[/align]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam facilisis, mauris a convallis dictum, tortor lorem iaculis tortor, quis auctor lectus lorem venenatis metus. Ut eu odio diam. Donec vitae consequat lacus. Sed lacus velit, aliquam in euismod et, blandit et dui.
[align=float-left][img]4/4d2c90ddab466.gif[/img][/align]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam facilisis, mauris a convallis dictum, tortor lorem iaculis tortor, quis auctor lectus lorem venenatis metus. Ut eu odio diam. Donec vitae consequat lacus. Sed lacus velit, aliquam in euismod et, blandit et dui.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam facilisis, mauris a convallis dictum, tortor lorem iaculis tortor, quis auctor lectus lorem venenatis metus. Ut eu odio diam. Donec vitae consequat lacus. Sed lacus velit, aliquam in euismod et, blandit et dui.
[align=float-right][img]4/4d2c90ddab466.gif[/img][/align]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam facilisis, mauris a convallis dictum, tortor lorem iaculis tortor, quis auctor lectus lorem venenatis metus. Ut eu odio diam. Donec vitae consequat lacus. Sed lacus velit, aliquam in euismod et, blandit et dui.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam facilisis, mauris a convallis dictum, tortor lorem iaculis tortor, quis auctor lectus lorem venenatis metus. Ut eu odio diam. Donec vitae consequat lacus. Sed lacus velit, aliquam in euismod et, blandit et dui.

Mise en forme du texte

La mise en forme du texte doit être utilisée avec parcimonie, afin de ne pas porter atteinte à la charte graphique de Numista. Elle ne doit pas se substituer à la syntaxe des titres vus plus haut.

La couleur du texte peut être donnée avec un mot-clef (aqua, black, blue, fuchsia, gray, grey, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow) ou bien une valeur RVB. Il est conseillé de donner la taille en pourcentage de la taille normale.
Syntaxe Rendu
Texte en [b]gras[/b]Texte en gras
Texte en [i]italique[/i]Texte en italique
Texte [u]souligné[/u]Texte souligné
Texte [color=red]rouge[/color]Texte rouge
Texte [color=#30A570]vert[/color]Texte vert
[size=140%]Gros[/size] texteGros texte
[size=80%]Petit[/size] textePetit texte

Liens

Les adresses Internet commençant par "http://" et les adresses e-mail sont automatiquement converties en liens hypertextes.
Si une adresse contient des caractères spéciaux, elle ne sera pas forcément bien transformée. Dans ce cas, vous pouvez utiliser la balise [url].
Pour faire un lien sur une ancre différente du texte affiché, utilisez également cette balise.
Syntaxe Rendu
http://numista.comnumista.com
exemple@domaine.com[/i]exemple@domaine.com
[url=http://domaine.com/exemple d'adresse compliquée.html][/url]http://domaine.com/exemple d'adresse compliquée.html
[url=http://domaine.com]Cliquez ici[/url]Cliquez ici

HTML

Il vous est possible d'insérer des balises HTML dans votre texte. Nous vous conseillons cependant de privilégier les balises décrites plus haut et de faire un usage modéré du HTML, sauf besoin manifeste.

De plus, il est possible de rajouter des attributs HTML aux balises décrites ci-dessus. Pour cela, ajoutez deux points (:) suivis des attributs juste avant le crochet fermant (]) de la balise ouvrante.
Par exemple : [img:title="Logo" style="border:none;"]4/4d2c90ddab466.gif[/img]

Pour les balises qui ne sont pas définies par des crochets, ajoutez vos deux points suivis des attributs entre crochets, juste après l'ouverture de la balise.
Par exemple :
{[:style="border:3px dotted pink;"]
|-[:style="color:blue;"]
|[:style="vertical-align:top;"] a |[:style="vertical-align:bottom;"] b
|-
}
*[:dir="rtl"] b
*[:dir="ltr"] a


Désactivation de la mise en forme

Pour empêcher la mise en forme, utilisez la balise [nocode]. Ceci est notamment utile si vous souhaitez ajouter du HTML ou du Javascript pour empêcher l'ajout automatique des passages à la ligne.