Guide du BBCode

Définition

Qu’est-ce que le BBCode ?
Le BBCode ressemble au HTML, ses balises sont entre crochets [ et ] au lieu de < et >. Il offre une meilleure maîtrise de l’affichage du contenu.
Haut

Mise en forme du texte

Utiliser la mise en gras, italique et souligné ?
Pour mettre en gras,
  • Encadre le texte entre [b][/b]. Exemple :
    [b]Salut[/b]
    devient Salut

  • Pour souligner, utilise [u][/u]. Exemple:
    [u]Bonjour[/u]
    devient Bonjour

  • Pour mettre en italique, utilise [i][/i]. Exemple :
    C’est [i]génial![/i]
    donne C’est génial!
Haut

Changer la couleur et la taille du texte
Pour modifier la couleur ou la taille de ton texte, tu peux utiliser les balises suivantes. Garde à l’esprit que la façon dont ton message s’affichera dépendra du navigateur et du système.
  • Tu peux changer la couleur d’un texte en l’encadrant entre les balises [color=][/color]. Tu peux indiquer un nom de couleur connu (comme red, blue, yellow, etc.) ou bien indiquer un code hexadécimal, c’est-à-dire #FFFFFF, #000000. Par exemple, pour du texte rouge :
    [color=red]Salut![/color]
    ou
    [color=#FF0000]Salut![/color]
    afficheront tous les deux Salut!

  • Tu peux changer la taille du texte de façon analogue avec les balises [size=][/size].
Haut

Comment combiner des balises ?
Tout simplement :
[size=50][color=red][b]REGARDEZ-MOI![/b][/color][/size]
donne REGARDEZ-MOI!

Attention toutefois à t’assurer que les balises sont correctement fermées. Par exemple, ceci est incorrect :
[b][u]C’est faux ![/b][/u]
Haut

Citations et textes à espacement fixe

Citer quelqu’un, une référence ou du texte dans les réponses
Il y a deux manières de citer un texte, avec ou sans référence.
  • Lorsque tu utilises la fonction de citation pour répondre à un message sur le forum, tu constates que le texte du message est ajouté à l’intérieur d’un bloc [quote=""][/quote]. Cette méthode permet de citer en faisant référence à une personne ou autre. Par exemple, pour citer un texte de M. X, tu saisira :
    [quote="M. X"]Le texte de M. X ici[/quote]
    M. X a écrit: sera ajouté automatiquement avant le texte. Souviens-toi que tu dois encadrer entre "" le nom à citer pour que ça s’affiche correctement.

  • La seconde méthode te permet de faire des citations "en aveugle". Pour l’utiliser, encadre le texte avec les balises [quote][/quote]. Le message affichera Citation: avant le texte cité.
Haut

Afficher du code ou des données à espacement fixe
Si tu souhaites insérer du code ou quoi que ce soit qui nécessite une police à largeur fixe, comme par exemple une police de type Courier, encadre ton texte entre les balises [code][/code].
Si tu ne sais pas ce que ça implique, abstiens-toi d’utiliser ces balises !
Haut

Ecrire sous forme de listes

Créer une liste non ordonnée
Le BBCode gère deux types de listes : ordonnées ou non. Elles sont les mêmes que leur équivalent HTML. Une liste non ordonnée affiche chaque élément de la liste l’un après l’autre, chacun indentifié par une puce. Utilise [list][/list] pour créer une liste non ordonnée et définis chaque élément avec [*]. Par exemple, pour la liste de tes couleurs préférées, utilise :
[list]
[*]Rouge
[*]Bleu
[*]Jaune
[/list]

Ce qui générera la liste suivante :
  • Rouge
  • Bleu
  • Jaune
Haut

Créer une liste ordonnée
Le deuxième type de liste, la liste ordonnée, te permet de décider de ce qui s’affiche avant chaque élément. Utilise [list=1][/list] pour créer une liste ordonnée numérotée ou [list=a][/list] pour une liste alphabétique. Comme pour les listes non ordonnées, les éléments sont indiqués avec [*]. Par exemple :

[list=1]
[*]Faire les courses
[*]Acheter un nouvel ordinateur
[*]Jurer quand le PC plante
[/list]

affichera
  1. Faire les courses
  2. Acheter un nouvel ordinateur
  3. Jurer quand le PC plante
Alors que pour une liste alphabétique, tu utilisera :

[list=a]
[*]Réponse 1
[*]Réponse 2
[*]Réponse 3
[/list]

et tu obtiendra
  1. Réponse 1
  2. Réponse 2
  3. Réponse 3
Haut

Créer des liens

Liens vers un autre site
Le BBCode permet de créer des adresses URL de différentes façons.
  • La première est d’utiliser les balises [url=][/url]. Ce que tu tapera après le signe = se comportera comme une URL. Par exemple, pour un lien vers s-n-a-t.org, tu peux utiliser :

    [url=http://s-n-a-t.org]Site du SNAT[/url]

    Ce qui générera le lien : Site du SNAT
    Tu notera que le lien s’ouvre soit dans la même fenêtre, soit dans une nouvelle fenêtre selon les préférences du navigateur.

  • Si tu préfères que l’URL elle-même soit affichée comme un lien, tu peux simplement utiliser :

    [url]http://s-n-a-t.org[/url]

    Ce qui générera le lien : http://s-n-a-t.org
  • .
  • De plus, phpBB autorise les Liens Magiques, ce qui transforme automatiquement les URL correctement écrites en lien sans avoir à indiquer de balise ou même http://. Par exemple, si vous tapes s-n-a-t.org, le lien s-n-a-t.org sera affiché automatiquement dans ton message.

  • La même chose s’applique aux adresses e-mails. Tu peux indiquer l’adresse explicitement, comme par exemple :

    [email]personne@domain.adr[/email]

    pour afficher : personne@domain.adr
    Ou bien tu peux simplement taper personne@domain.adr dans ton message et cela sera automatiquement converti lors de la consultation.
Comme avec toutes les balises BBCode, il est possible de les combiner avec d’autres telles que [img][/img] (pour afficher une image) ou [b][/b] par exemple. Comme avec les balises de mise en forme, attention de les ouvrir et de les fermer correctement.
Haut

Afficher des images dans les messages

Ajout d’une image dans un message
Le BBCode permet d’inclure des images dans tes messages à l’aide d’une balise. L’image affichée doit être disponible sur Internet (elle ne peut être uniquement sur ton ordinateur, sauf si tu as un serveur Web bien sûr !). Pour afficher une image, tu dois encadrer son URL entre des balises [img][/img]. Par exemple :

[img]http://www.google.com/intl/en_ALL/images/logo.gif[/img]

. Et comme noté plus haut, tu peux entourer l’image entre des balises [url][/url] comme par exemple :

[url=http://www.google.com/][img]http://www.google.com/intl/en_ALL/images/logo.gif[/img][/url]

affichera

Haut

Joindre un fichier à un message
Les fichiers peuvent être joints à n’importe quel endroit du message en utilisant le BBcode [attachment=][/attachment]. Dans l’écran de rédaction de message, tu trouvera un menu déroulant pour joindre tes fichiers en ligne.
Haut