Supracars - Guide du BBCode

Guide du BBCode

Introduction: Qu’est-ce que le BBCode ?

Mise en forme du texte: Comment mettre du texte en gras, en italique ou souligné ?; Comment modifier la taille ou la couleur du texte ?; Puis-je combiner des balises de mise en forme ?

Citation et données de largeur fixe: Citer un texte dans une réponse; Mettre en forme du code ou un texte à largeur fixe

Création de listes: Créer une liste non ordonnée; Créer une liste ordonnée

Insertion de liens: Insérer un lien vers un site web

Affichage d’images dans les messages: Ajouter une image à un message; Insérer une pièce jointe dans un message

Divers: Puis-je ajouter mes propres balises ?

Introduction

Qu’est-ce que le BBCode ?: Le BBCode est une variante du HTML. Vous pouvez l’utiliser dans vos messages si la fonctionnalité a été autorisée par un administrateur. Vous pouvez aussi le désactiver pour chaque message depuis le formulaire de rédaction. La syntaxe du BBCode est proche du HTML : les balises sont entourées de crochets « [ » et « ] » au lieu des chevrons « < » et « > », et il offre un bon contrôle sur la mise en forme. Selon le style utilisé, une interface cliquable est disponible juste au-dessus du formulaire de rédaction pour insérer facilement du BBCode. Le guide ci-dessous fournit plus de détails.

Haut

Mise en forme du texte

Comment mettre du texte en gras, en italique ou souligné ?

Le BBCode inclut des balises pour modifier rapidement le style de votre texte. Plusieurs options sont possibles :

Pour mettre du texte en gras, encadrez-le des balises « [b][/b] ». Par exemple :

[b]Salut[/b]

Donnera : Salut
Pour souligner du texte, utilisez les balises « [u][/u] ». Par exemple :

[u]Bonjour[/u]

Donnera : Bonjour
Pour mettre du texte en italique, utilisez les balises « [i][/i] ». Par exemple :

C’est [i]super ![/i]

Donnera : C’est super !

Haut

Comment modifier la taille ou la couleur du texte ?

Pour modifier la taille ou la couleur du texte, utilisez les balises ci-dessous. Le rendu final dépend du navigateur web et du système d’exploitation :

Pour colorer une partie du texte, encadrez-la des balises « [color=][/color] ». Vous pouvez utiliser un nom de couleur reconnu (« red », « blue », « yellow »…) ou un code hexadécimal (« #FFFFFF », « #000000 »…). Par exemple, pour mettre du texte en rouge :

[color=red]Salut ![/color]

Ou :

[color=#FF0000]Salut ![/color]

Donnera dans les deux cas : Salut !
Pour modifier la taille, utilisez les balises « [size=][/size] ». Le format dépend du style sélectionné, mais le format recommandé est une valeur numérique en pourcentage, de 50 (minuscule) à 200 (énorme). Par exemple :

[size=30]MINUSCULE[/size]

Donnera : MINUSCULE

Tandis que :

[size=200]ÉNORME ![/size]

Donnera : ÉNORME !

Haut

Puis-je combiner des balises de mise en forme ?: Bien sûr ! Par exemple, pour attirer l’attention, vous pouvez écrire :

[size=200][color=red][b]REGARDEZ-MOI ![/b][/color][/size]

Donnera : REGARDEZ-MOI !

Évitez toutefois ce genre de mise en forme à outrance. Pensez à fermer les balises correctement et dans le bon ordre. Ce qui suit est incorrect :

[b][u]Ceci est incorrect[/b][/u]

Haut

Citation et données de largeur fixe

Citer un texte dans une réponse

Il existe deux façons de citer un texte, avec ou sans référence :

Lorsque vous utilisez la fonction de citation pour répondre à un message, le texte ajouté à la fenêtre de rédaction est encadré par les balises « [quote=""][/quote] ». Avec cette méthode, vous citez une personne ou une autre référence que vous vous apprêtez à commenter. Par exemple, pour citer un texte de M.\xa0Blobby, écrivez :

[quote="M. Blobby"]Le texte de M.\xa0Blobby ici[/quote]

Le texte « M.\xa0Blobby a écrit » sera ajouté automatiquement avant la citation. Vous devez impérativement entourer le nom cité de guillemets anglais « " " » ; ils sont obligatoires.
Avec la seconde méthode, vous citez anonymement : entourez simplement le texte des balises « [quote][/quote] ». À l’affichage, le texte apparaîtra dans un bloc de citation.

Haut

Mettre en forme du code ou un texte à largeur fixe: Pour insérer un fragment de code ou un texte à largeur fixe (comme avec la police « Courier »), entourez-le des balises « [code][/code] ». Par exemple :

[code]echo "Ceci est un fragment de code";[/code]

Toutes les balises de mise en forme placées entre « [code][/code] » sont conservées telles quelles à l’affichage.

Haut

Création de listes

Créer une liste non ordonnée

Le BBCode prend en charge deux types de listes : ordonnée et non ordonnée. Elles sont quasi identiques à leurs équivalents HTML. Une liste non ordonnée affiche chaque élément à la suite, précédé d’une puce. Pour la créer, utilisez les balises « [list][/list] » et définissez chaque élément avec « [*] ». Par exemple, pour lister vos couleurs préférées :

[list]
[*]Rouge
[*]Bleu
[*]Jaune
[/list]

Donnera la liste :

Rouge
Bleu
Jaune

Vous pouvez aussi créer une liste à puces avec « [list=disc][/list] », « [list=circle][/list] » ou « [list=square][/list] ».

Haut

Créer une liste ordonnée

Le second type de liste, la liste ordonnée, vous donne le contrôle sur le préfixe de chaque élément. Utilisez les balises « [list=1][/list] » pour une liste numérotée, ou « [list=a][/list] » pour une liste alphabétique. Comme pour la liste non ordonnée, chaque élément se définit avec la balise « [*] ». Par exemple :

[list=1]
[*]Faire les courses
[*]Acheter un nouvel ordinateur
[*]Râler quand l’ordinateur plante
[/list]

Donnera :

Faire les courses
Acheter un nouvel ordinateur
Râler quand l’ordinateur plante

Pour une liste alphabétique, utilisez :

[list=a]
[*]Première réponse possible
[*]Deuxième réponse possible
[*]Troisième réponse possible
[/list]

Donnera :

Première réponse possible
Deuxième réponse possible
Troisième réponse possible

[list=A]
[*]Première réponse possible
[*]Deuxième réponse possible
[*]Troisième réponse possible
[/list]

Donnera :

Première réponse possible
Deuxième réponse possible
Troisième réponse possible

[list=i]
[*]Première réponse possible
[*]Deuxième réponse possible
[*]Troisième réponse possible
[/list]

Donnera :

Première réponse possible
Deuxième réponse possible
Troisième réponse possible

[list=I]
[*]Première réponse possible
[*]Deuxième réponse possible
[*]Troisième réponse possible
[/list]

Donnera :

Première réponse possible
Deuxième réponse possible
Troisième réponse possible

Haut

Insertion de liens

Insérer un lien vers un site web

Le BBCode de phpBB propose plusieurs façons de créer des liens.

La première utilise la balise « [url=][/url] » : ce qui suit le signe égal « = » devient la cible du lien, et le contenu de la balise en devient le texte. Par exemple, pour créer un lien vers phpBB.com :

[url=https://www.phpbb.com/]Visitez phpBB.com ![/url]

Donnera : Visitez phpBB.com ! Le lien peut s’ouvrir dans la même fenêtre ou dans une nouvelle, selon les préférences du navigateur.
Pour afficher simplement l’URL, utilisez :

[url]https://www.phpbb.com/[/url]

Donnera : https://www.phpbb.com/
phpBB propose également les liens magiques : tout lien y est automatiquement transformé en lien valide, sans balises ni « https:// ». Par exemple, écrire « www.phpbb.com » dans votre message produit automatiquement « www.phpbb.com » à l’affichage.
Idem pour les adresses e-mail. Vous pouvez utiliser une balise explicite, par exemple :

[email]inconnu@domaine.adr[/email]

Donnera : inconnu@domaine.adr. Vous pouvez aussi simplement écrire « inconnu@domaine.adr », la conversion sera automatique à l’affichage.

Comme pour toute balise BBCode, vous pouvez imbriquer un lien autour d’autres balises (« [img][/img] », voir la question suivante, « [b][/b] », etc.). Veillez à respecter l’ordre d’ouverture et de fermeture. Par exemple :

[url=https://www.phpbb.com/][img]https://www.phpbb.com/theme/images/logos/blue/160x52.png[/url][/img]

n’est pas correct et peut entraîner la suppression de votre message. Soyez vigilant.

Haut

Affichage d’images dans les messages

Ajouter une image à un message: Le BBCode de phpBB inclut une balise pour insérer des images dans vos messages. Deux choses sont à garder à l’esprit : l’excès d’images dans un message est mal vu de la plupart des utilisateurs, et l’image que vous voulez afficher doit déjà être disponible en ligne (elle ne peut pas être uniquement sur votre ordinateur, sauf si celui-ci est un serveur web). Pour afficher une image, placez le lien vers l’image entre les balises « [img][/img] ». Par exemple :

[img]https://www.phpbb.com/theme/images/logos/blue/160x52.png[/img]

Comme indiqué dans la section précédente, vous pouvez aussi imbriquer une image dans une balise « [url][/url] ». Par exemple :

[url=https://www.phpbb.com/][img]https://www.phpbb.com/theme/images/logos/blue/160x52.png[/img][/url]

Donnera :

Haut

Insérer une pièce jointe dans un message: Les pièces jointes peuvent désormais être insérées n’importe où dans un message via le BBCode « [attachment=][/attachment] », si la fonctionnalité est activée par les administrateurs et si vous en avez la permission. Pour insérer une pièce jointe en ligne, sélectionnez-la dans la liste déroulante de la page de rédaction et cliquez sur le bouton correspondant.

Haut

Divers

Puis-je ajouter mes propres balises ?: Si vous êtes administrateur du forum et que vous avez les permissions nécessaires, vous pouvez ajouter d’autres BBCodes dans la section « Personnaliser les BBCodes ».

Haut