4. Mise en forme et types de sujetsSommaire : 4.1.
Mise en forme des messages 4.1.1.
Liens hypertextes Comment insérer un lien hypertexte ? Comment mettre en forme un sommaire ? 4.1.2.
Spoilers Comment masquer du texte "spoiler" ? 4.1.3.
Images Comment insérer une image dans un message ?4.1. Mise en forme des messages Le Monde de l'Écriture est un forum qui s'appuie sur le logiciel de gestion de forums appelé
Simple Machine Forum (ou
SMF). Comme de nombreux forums, ce système intègre la syntaxe
BBCode pour la mise en forme des messages publiés. Cette syntaxe permet une mise en forme relativement aisée des messages cependant les options disponibles restent sommaires.
La mise en forme des messages à l'aide de
BBCode se fait au moyen de
balises intégrées dans le message. Une
balise est composée d'un
mot clé entouré de crochets :
[mot-cle] Si l'effet de la balise est immédiat, la balise est seule. C'est le cas de la balise
[hr] permettant d'insérer une ligne de séparation dans un message.
Si l'effet de la balise porte sur plusieurs mots, elle est alors ouverte à l'endroit du début d'effet avec l'instruction
[balise] puis fermée à l'endroit de fin d'effet avec l'instruction
[/balise].
4.1.1. Liens hypertexte Un
lien hypertexte (ou hyperlien) est une référence permettant de passer automatiquement d'un document consulté à un autre document.
L'ajout d'un lien hypertexte sur le forum se fait à l'aide de la balise
[url][/url].
Dans l'éditeur de texte du forum, l'ajout des balises
[url] et
[/url] peut se faire autoatiquement en cliquant sur le bouton
.
Comment insérer un lien hypertexte ? Il existe deux méthode pour ajouter un lien hypertexte.
La première méthode permet d'insérer dans le texte une adresse internet sur laquelle l'utilisateur pourra cliquer. Cela se fait à l'aide du code suivant :
[url]http://monde-ecriture.com[/url]
produisant le résultat suivant :
http://monde-ecriture.com Remarque : SMF
est capable de reconnaitre une adresse internet. Ainsi, si vous vous contentez d'écrire dans un message quelque-chose qui ressemble à une adresse internet (i.e. de la forme http://quelque-chose.machin, alors SMF
insèrera automatiquement les balises nécessaire pour créer un lien. La seconde méthode permet de spécifier le texte à afficher à l'endroit de cliquer. Cela se fait à l'aide du code suivant :
[url=http://monde-ecriture.com]Un super forum[/url]
produisant le résultat suivant :
Un super forumComment mettre en forme un sommaire ? Un sommaire n'est jamais qu'une liste de liens hypertextes. Aussi la mise en forme d'un sommaire se fait en s'appuyant sur les indications données au paragraphe
Comment insérer un lien hypertexte.
Il est cependant nécessaire de distinguer deux cas :
- les entrées du sommaire pointent vers des messages différents du forum (cas du premier message de cette FAQ) ;
- les entrées du sommaire pointent vers le message courant (cas de ce message).
Le premier cas est notamment intéressant si vous souhaitez réaliser un sommaire pour un texte long que vous publiez chapitre par chapitre sur le forum.
Pour connaitre l'adresse internet correspondant au message vers lequel vous souhaitez pointer, le plus simple consiste à effectuer un
clic droit sur le titre du message cible et de cliquer ensuite, dans le menu déroulant, sur
copier le lien. L'information ainsi copiée sera à utiliser avec la balise
[url] pour créer le lien. Par exemple :
[url=http://monde-ecriture.com/forum/index.php/topic,26153.msg409741.html#msg409741]Sommaire général[/url]
Remarque : sur le forum, un lien vers un message est de la forme http://monde-ecriture.com/forum/index.php/topic,YYY.msgZZZ.html#msgZZZ, où YYY représente le numéro du sujet dans lequel le message a été posté et ZZZ représente le numéro du message.
Un exemple concret : le sommaire de cette FAQ.
[size=18pt][b]Sommaire[/b][/size]
[url=http://monde-ecriture.com/forum/index.php/topic,26153.msg409742.html#msg409742]Problèmes de connexion et d'inscription[/url]
[url=http://monde-ecriture.com/forum/index.php/topic,26153.msg409743.html#msg409743]Profils utilisateurs : informations, préférences et réglages[/url]
[url=http://monde-ecriture.com/forum/index.php/topic,26153.msg409744.html#msg409744]Problèmes de publication[/url]
[...]
[url=http://monde-ecriture.com/forum/index.php/topic,26153.msg409751.html#msg409751]Pièces jointes[/url]
[url=http://monde-ecriture.com/forum/index.php/topic,26153.msg409752.html#msg409752]Divers[/url]
Le second cas de figure peut servir lorsque vous souhaitez par exemple proposer une seconde version d'un texte court tout en postant cette seconde version dans le même message que le message initial.
La mise en place d'un sommaire de ce type est un peu plus délicate car il faut indiquer à
SMF où aller au sein de votre message. Ceci se fait à l'aide de la balise
[anchor]. Ainsi, à l'endroit vers lequel le lien point, il convient d'utiliser le code suivant :
[anchor=referenceLien]Texte à afficher[/anchor]
produisant le résultat (peu flagrant) suivant :
Texte à affichermais indiquant clairement à
SMF que cette ligne de texte est d'un intérêt significatif dans la page.
il reste alors à mettre en place le lien hypertexte. Puisqu'il s'agit ici d'un lien interne au message ceci ne se fait pas à l'aide de la balise
[url] comme précédemment, mais avec la balise
[iurl] (
i pour
interne). Il convient pour cela d'utiliser le code suivant :
[iurl=#referenceLien]Texte à afficher sur le lien du sommaire[/iurl]
produisant le résultat suivant :
Texte à afficher sur le lien du sommaire Un exemple concret : la structure de cette partie 4 de FAQ et son
sommaire :
[anchor=titre4]4. Mise en forme et types de sujets[/anchor]
Sommaire :
4.1. [iurl=#titre41]Mise en forme des messages[/iurl]
4.1.1. [iurl=#titre411]Liens hypertextes[/iurl]
[iurl=#entree4111]Comment insérer un lien hypertexte ?[/iurl]
[iurl=#entree4112]Comment mettre en forme un sommaire ?[/iurl]
[anchor=titre41]4.1. Mise en forme des messages[/anchor]
bla bla...
[right][iurl=#titre4]Sommaire §4[/iurl] | Sommaire général[/right]
[anchor=titre411]4.1.1. Liens hypertexte[/anchor]
bla bla...
[right][iurl=#titre4]Sommaire §4[/iurl] | Sommaire général[/right]
[anchor=entree4111]Comment insérer un lien hypertexte ?[/anchor]
bla bla...
[anchor=entree4112]Comment mettre en forme un sommaire ?[/anchor]
bla bla...
4.1.2. SpoilersComment masquer du texte "spoiler" ? Le masquage du texte se fait à l'aide de la balise
[spoiler] (
).
Le texte peut être masqué simplement à l'aide du code suivant :
[spoiler]Texte à masquer
produisant le résultat suivant :
Désolé, vous n'êtes pas autorisé à afficher le contenu du spoiler.
ou avec un titre en utilisant le code suivant :
[spoiler=Titre du spoiler]Texte à masquer
produisant le résultat suivant :
Désolé, vous n'êtes pas autorisé à afficher le contenu du spoiler.
4.1.3. ImagesComment insérer une image dans un message ? Si vous souhaitez intégrer une image dans un message, celle-ci doit être stockée quelque part sur internet. Il existe pour cela plusieurs sites permettant d'héberger des images. Sans en faire une liste exhaustive, on pourra citer
ImgBB,
Host-Pic ou, sur inscription gratuite,
picasa,
ImageShack…
Une fois que l'image est hébergée sur internet, il suffit de connaitre son adresse. Celle-ci est généralement fournie par les sites dédiés ou peut être connue à l'aide d'un clic droit sur l'image, en cherchant l'option « copier l'adresse de l'image ».
L'image peut alors être intégrée dans le message en utilisant la balise
[img][/img] (
).
[img]http://adresse-de-l'image[/img]