Le codage est aujourd'hui omniprésent dans l'univers du jeu de rôle sur forum. Comme nous ne sommes pas tous développeurs, et que nous n'avons pas forcément le temps ou l'envie de nous pencher sur les mystères du code, voici un petit tutoriel avec le minimum nécessaire pour vous y retrouver sur le forum. Si malgré cela des problèmes persistent, vous pouvez toujours vous orienter ici pour trouver de l'aide.

Les langages informatiques utilisés par la plateforme sont extrêmement divers: HTML, CSS, BBcode, Jquery, Javascript, etc... Ne seront détaillés ici que ceux que vous risquez de rencontrer en postant des messages.

• Le HTML : ce langage crée la structure de vos messages et est reconnaissable à ses balises: par exemple, c'est la partie < div > < /div > que vous retrouverez si vous utilisez le format annonce. Lorsque l'on met une balise, comme une "div", on crée un bloc qui pourra recevoir du texte ou des images. Un "table" contiendra un tableau, etc... Le html seul est souvent invisible pour vos yeux, il est l'équivalent des murs qui vont construire une maison et la diviser en pièces, à l'exception de quelques balises de mise en forme (gras, italique, etc...).

• Le CSS : lui s'occupe de la mise en forme de vos messages: taille et couleur du texte, hauteur du bloc de texte, etc... C'est le designer du forum, il passe après l'architecte HTML et s'occupe de la déco. On peut l'insérer dans une feuille de style à part (il y en a une pour le forum que nous pouvons modifier dans le panneau d'administration, et une autre hébergée à l'extérieur pour les design secondaires) ou à l'intérieur des balises HTML pour modifier uniquement la balise concernée. C'est la partie style="font-size: 18px; color: #FFF; etc…" du code. Si vous ne voyez pas style mais class="" ou id="" cela signifie que le CSS concernant la balise HTML en question est directement dans la feuille de style du forum.

• Le BBcode = le BBcode est un langage propre àFforumactif. C'est une sorte de CSS simplifié, qui fonctionne sur le modèle de balises du HTML. Vous le reconnaitrez grâce à ses balises entre crochets [...] quand vous cliquez sur un icône de la barre d'outil des messages. Il vous permet de mettre en gras, en citation, en spoiler, etc... Il peut pour certaines parties s'utiliser indifféremment du CSS et du HTML.

L'écrasante majorité du temps, lorsque vous postez un message et que l'affichage bug, c'est parce qu'une balise n'a pas été correctement refermée. Une balise ouverte est un contenant, elle doit avoir un début et une fin. Par conséquent, lorsqu'on ouvre une balise, il faut toujours penser à la refermer.

Elle s'ouvre avec < ... > et se ferme avec < / ... > (sans les espaces). Elles peuvent avoir n'importe quoi à l'intérieur (sur le forum, vous trouverez plus souvent: div, span, table, tr, td). Pour y penser, fermez la dès que vous l'ouvrez, quelques lignes plus bas dans votre texte, comme ça vous n'avez plus à vous en préoccuper.

Ne croisez pas non plus les balises ! Si vous ouvrez une balise B à l'intérieur d'une autre balise A, la balise B doit être refermée avant la balise A.

C'est le format de présentation des messages du staff, celui qui est utilisé pour mettre en forme ce tuto. Vous pouvez vous en servir si vous le souhaitez en copiant/collant le code ci-dessous, puis en insérant le texte de votre choix :

Code:

<div class="cadre"><span class="grandtitre">Grand titre de L'annonce</span>
<span class="petittitre">Petit titre pour préciser de quoi il s'agit</span>

<span class="titre">Titre du paragraphe</span>
<div class="paraph">Paragraphe : multiples possibles</div>

<span class="titre">Sous-titre du paragraphe</span>
<span class="paraph_important">Paragraphe important - peut être inséré au milieu d'un paragraphe classique</span>
</div>

Attention, ce code est géré directement depuis la feuille de style du forum et changera donc automatiquement lorsque le design changera. Vous pouvez mettre en forme votre texte à l'intérieur mais je vous déconseille de toucher aux couleurs, notamment, afin qu'il reste lisible en toutes circonstances.