Arborescence des forums
* Connexion   * Inscription * FAQ    * Rechercher * Flux RSS
Nous sommes actuellement le 28 Mars 2024, 13:00

Zone horaire: Europe/Paris


Guide du BBCode
Introduction
Qu’est-ce que le BBCode ?

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

Citation et données de largeur fixe
Citation de texte dans les réponses
Mise en forme de codes ou de données de largeur fixe

Genèse de listes
Création d’une liste non-ordonnée
Création d’une liste ordonnée

Création de liens
Liens vers un autre site

Affichage d’images dans les messages
Ajout d’une image dans un message
Ajout de pièces jointes dans un message

Divers
Puis-je ajouter mes balises ?

 

Introduction

» Qu’est-ce que le BBCode ?
Le BBCode est une implémentation spéciale de l’HTML. Vous pouvez insérer du BBCode dans vos messages sur le forum sous réserve que cette fonctionnalité ait été autorisée par un administrateur. De plus, vous pouvez désactiver le BBCode sur chacun de vos messages par l’intermédiaire du formulaire de rédaction. Le BBCode est similaire à l’architecture de l’HTML, les balises sont contenues entre des crochets [ et ] à la place de < et >, et il offre un meilleur contrôle sur la mise en forme. Selon le template que vous utilisez, vous pouvez trouver et insérer très facilement du BBCode dans vos messages par l’intermédiaire d’une interface cliquable située juste au-dessus du formulaire de rédaction. Si ces brèves explications ne vous conviennent pas, vous pouvez consulter le guide suivant qui s’avère très explicite.

Haut


Mise en forme du texte

» Comment puis-je mettre du texte en gras, en italique et en souligné ?
Le BBCode inclut des balises qui vous permettent de modifier rapidement le style de votre texte brut. Ceci peut être réalisé grâce aux méthodes suivantes :
  • Pour mettre une partie d’un texte en gras, il faut l’enfermer entre les balises [b][/b]. Par exemple :

    [b]Salut[/b]

    Deviendra : Salut
  • Pour souligner une partie d’un texte, utilisez les balises [u][/u]. Par exemple :

    [u]Bonjour[/u]

    Deviendra : Bonjour
  • Pour mettre une partie d’un texte en italique, utilisez les balises [i][/i]. Par exemple :

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

    Deviendra : C’est super !

Haut

» Comment puis-je modifier la taille ou la couleur du texte ?
Pour modifier la taille ou la couleur du texte, vous pourrez utiliser les balises suivantes. Cependant, gardez à l’esprit que le rendu visuel final dépendra également du navigateur internet et du système d’exploitation de l’utilisateur :
  • Pour insérer une couleur sur une partie d’un texte, il faut l’enfermer entre les balises [color=][/color]. Vous pouvez saisir le nom d’une couleur reconnue, comme par exemple red, blue ou yellow, ou saisir directement son code hexadécimal, comme #FFFFFF ou #000000. Par exemple, pour mettre une partie d’un texte en rouge, vous pouvez utiliser :

    [color=red]Salut ![/color]

    Ou encore :

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

    Ce qui, dans les deux cas, deviendra : Salut !
  • Pour modifier la taille de la police de caractères d’une partie d’un texte, utilisez les balises [size=][/size]. es balises dépendent du style que l’utilisateur a sélectionné, mais le format recommandé est une valeur numérique représentant la taille du texte en pourcentage, commençant de 50 (minuscule) et allant jusqu’à 200 (énorme). Par exemple :

    [size=30]MINUSCULE[/size]

    Deviendra : MINUSCULE

    Alors que :

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

    Deviendra : ÉNORME !

Haut

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

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

Ce qui deviendra : REGARDEZ-MOI !

Cependant, nous vous déconseillons fortement d’utiliser fréquemment ce genre de mise en forme ! Gardez à l’esprit qu’il faut simplement fermer les balises correctement et dans le bon ordre. Par exemple, ce qui suit est incorrect :

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

Haut


Citation et données de largeur fixe

» Citation de texte dans les réponses
Il y a deux manières de citer un texte, avec ou sans référence :
  • Lorsque vous utilisez la fonction de citation afin de répondre à un message sur le forum, vous devriez noter que le texte qui est ajouté à la fenêtre du message est inséré entre les balises [quote=""][/quote]. Cette méthode vous permet de citer, comme référence, une personne ou autre chose que vous choisissez de commenter ! Par exemple, pour citer une partie d’un texte rédigé par M. Blobby, vous devez saisir :

    [quote="M. Blobby"]Le texte que M. Blobby a rédigé sera situé ici[/quote]

    Le rendu final, "M. Blobby a écrit :", sera ajouté automatiquement avant le texte actuel. Gardez à l’esprit que vous devez obligatoirement insérer les guillemets de citation "" autour du nom que vous citez, ils ne sont pas optionnels.
  • La seconde méthode vous permet de citer quelque chose de manière anonyme. Pour l’utiliser, enfermez le texte entre les balises [quote][/quote]. Lorsque vous consulterez le message ultérieurement, il affichera simplement le texte dans un bloc de citation.

Haut

» Mise en forme de codes ou de données de largeur fixe
Si vous souhaitez insérer un fragment de code ou quelque chose qui demande une largeur fixe, comme la police de caractères Courier, vous devez enfermer le texte entre les balises [code][/code]. Par exemple :

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

Toutes les balises de mise en forme présentes entre les balises [code][/code] sont conservées telles quelles lorsque vous consulterez le message ultérieurement. La syntaxe PHP peut être mise en évidence en utilisant les balises [code=php][/code] et il est recommandé de publier de réels fragments de code PHP afin d’en améliorer la lisibilité.

Haut


Genèse de listes

» Création d’une liste non-ordonnée
Le BBCode supporte deux types de liste, la liste ordonnée et la liste non-ordonnée. Elles sont pratiquement identiques par rapport à leur équivalent en HTML. Une liste non-ordonnée publie chaque article l’un après l’autre, en utilisant le caractère étoile. Pour créer une liste non-ordonnée, vous devez utiliser les balises [list][/list] et définir chaque article dans la liste en utilisant les balises [*]. Par exemple, pour lister vos couleurs favorites, vous pouvez utiliser :

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

Ce qui deviendra la liste :
  • Rouge
  • Bleu
  • Jaune

Haut

» Création d’une liste ordonnée
Le second type de liste, la liste ordonnée, vous donne le contrôle sur ce qui est affiché devant chaque article. Vous devez utiliser les balises [list=1][/list] afin de créer une liste numérotée, ou bien encore les balises [list=a][/list] afin de créer une liste alphabétique. Comme pour la liste non-ordonnée, les articles doivent être définis en utilisant la balise [*]. Par exemple :

[list=1]
[*]Aller faire les boutiques
[*]Acheter un nouvel ordinateur
[*]Râler contre l’ordinateur lorsqu’il est bloqué
[/list]

Deviendra :
  1. Aller faire les boutiques
  2. Acheter un nouvel ordinateur
  3. Râler contre l’ordinateur lorsqu’il est bloqué
Pour créer une liste alphabétique, vous devez cependant utiliser :

[list=a]
[*]La première réponse possible
[*]La seconde réponse possible
[*]La troisième réponse possible
[/list]

Ce qui deviendra :
  1. La première réponse possible
  2. La seconde réponse possible
  3. La troisième réponse possible

Haut


Création de liens

» Liens vers un autre site
Le BBCode permet de créer des URI (Indicateurs de Ressources Uniformes) ou URL de différentes façons.
  • La première est d’utiliser les balises [url=][/url], ce que vous taperez après le signe = se comportera comme une URL. Par exemple, pour un lien vers phpBB-fr.com, vous pouvez utiliser:

    [url=http://www.phpbb-fr.com/]Visitez phpBB ![/url]

    Ce qui générera le lien, Visitez phpBB ! Vous noterez 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 vous désirez que l’URL elle-même soit affichée comme un lien, vous pouvez simplement utiliser:

    [url]http://www.phpbb-fr.com/[/url]

    Ce qui générera le lien, http://www.phpbb-fr.com/
  • De plus, phpBB autorise les Liens Magiques, ce qui transforme automatiquement les URL correctement écrites en lien sans indiquer de balise ou même http://. Par exemple, si vous tapez www.phpbb-fr.com, un lien www.phpbb-fr.com sera affiché automatiquement à la lecture de votre message.
  • La même chose s’applique aux adresses e-mails, vous pouvez indiquer l’adresse explicitement, comme par exemple:

    [email][email protected][/email]

    ce qui affichera [email protected] ou bien vous pouvez simplement taper [email protected] dans votre message et cela sera automatiquement converti lors de la consultation.
Comme avec toutes les balises BBCode, vous pouvez encapsuler avec des URL d’autres balises telles que [img][/img] (voir l’entrée suivante), [b][/b], etc. Comme avec les balises de mise en forme, c’est à vous de vous assurer de les ouvrir et de les fermer correctement, par exemple:

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

n’est pas correct ce qui peut entraîner la suppression de votre message, donc faites attention.

Haut


Affichage d’images dans les messages

» Ajout d’une image dans un message
Le BBCode permet d’inclure des images dans vos messages à l’aide d’une balise. Il y a deux choses importantes à se rappeler lors de l’utilisation de cette balise qui sont d’une part, que beaucoup d’utilisateurs n’apprécient pas qu’il y ait beaucoup d’images dans les messages et d’autre part, que l’image affichée doit être disponible sur Internet (elle ne peut être uniquement que sur votre ordinateur, sauf si vous avez un serveur Web !). Pour afficher une image, vous devez encadrer son URL entre des balises [img][/img]. Par exemple :

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

Comme noté dans la section URL ci-dessus, vous pouvez entourer l’image entre des balises [url][/url] si désiré, exemple:

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

affichera

Haut

» Ajout de pièces jointes dans un message
Les pièces jointes peuvent dès à présent être insérées dans les messages en utilisant le nouveau BBCode [attachment=][/attachment], si cette fonctionnalité a été activée par l’administrateur du forum et si vous en avez les permissions appropriées. Pour insérer des pièces jointes en ligne, un onglet à cet effet est affiché en bas de l’écran de rédaction.

Haut


Divers

» Puis-je ajouter mes balises ?
Si vous êtes administrateur du forum et avez les autorisations nécessaires, vous pouvez ajouter des BBcodes supplémentaires via la section "BBcodes" dans le sous menu "Messages".

Haut


Zone horaire: Europe/Paris


Aller vers :