BB Code

Explanation

BB code is a set of tags based on the HTML language that you may already be familiar with. They allow you to add formatting to your messages in the same way as HTML does, but have a simpler syntax and will never break the layout of the pages you are viewing. The ability to use BB code is set on a forum-by-forum basis by the administrator, so you should check the forum rules when you post a new message.

Below is a list of the BB code tags you can use to format your messages.

Liste des balises BB

  1. Gras / Italique / Souligné
  2. Couleur
  3. Taille
  4. Police
  5. Surbrillance
  6. Gauche / Droite / Centre
  7. Retrait
  8. Lien par adresse email
  9. Lien par adresse URL
  10. Discussion en lien
  11. Message en lien
  12. Listes à puce / Listes avancées
  13. Image
  14. Videos
  15. Code
  16. Code PHP
  17. Code HTML
  18. Citation
  19. Stop BB Code Parsing
  20. Pièce jointe
Incorrect BB Code Usage:
  • [url] www.example.com [/url] - don't put spaces between the bracketed code and the text you are applying the code to.
  • [email]myname@domain.com[email] - the end brackets must include a forward slash ([/email])

Gras / Italique / Souligné

Les balises [b], [i] et [u] permettent de créer du texte gras, italique ou souligné.

    • [b]valeur[/b]
    • [i]valeur[/i]
    • [u]valeur[/u]
    Utilisation
    • [b]Ce texte est en gras[/b]
    • [i]Ce texte est en italique[/i]
    • [u]Ce texte est souligné[/u]
    Utilisation
    • Ce texte est en gras
    • Ce texte est en italique
    • Ce texte est souligné
    Résultat

Couleur

La balise [color] permet de changer la couleur de votre texte.

  • [color=option]valeur[/color]
    Utilisation
  • [color=blue]Ce texte est bleu[/color]
    Utilisation
  • Ce texte est bleu
    Résultat

Taille

La balise [size] permet de changer la taille de votre texte.

  • [size=option]valeur[/size]
    Utilisation
  • [size=+2]Ce texte est deux fois plus grand que le texte de taille normale[/size]
    Utilisation
  • Ce texte est deux fois plus grand que le texte de taille normale
    Résultat

Police

La balise [font] permet de changer la police de votre texte.

  • [font=option]valeur[/font]
    Utilisation
  • [font=courier]Ce texte utilise la police courier[/font]
    Utilisation
  • Ce texte utilise la police courier
    Résultat

Gauche / Droite / Centre

Les balises [left], [right] et [center] permettent de changer l'alignement de votre texte.

    • [left]valeur[/left]
    • [center]valeur[/center]
    • [right]valeur[/right]
    Utilisation
    • [left]Ce texte est aligné à gauche[/left]
    • [center]Ce texte est centré[/center]
    • [right]Ce texte est aligné à droite[/right]
    Utilisation
  • Ce texte est aligné à gauche
    Ce texte est centré
    Ce texte est aligné à droite
    Résultat

Retrait

La balise [indent] permet de mettre du texte en retrait.

  • [indent]valeur[/indent]
    Utilisation
  • [indent]Ce texte est en retrait[/indent]
    Utilisation
  • Ce texte est en retrait
    Résultat

Lien par adresse email

La balise [email] permet de créer un lien vers une adresse email. Vous pouvez inclure un paramètre facultatif pour « nommer » votre lien.

Lien par adresse URL

La balise [url] permet de créer un lien vers d'autres sites web ou fichiers. Vous pouvez inclure un paramètre facultatif pour « nommer » votre lien.

Discussion en lien

La balise [thread] permet de créer un lien vers une discussion bien précise. Vous pouvez inclure un paramètre facultatif pour « nommer » votre lien.

    • [thread]ID de discussion[/thread]
    • [thread=ID de discussion]valeur[/thread]
    Utilisation
    • [thread]42918[/thread]
    • [thread=42918]Cliquez-moi ![/thread]
    (Note: The threadid/postid is just an example and may not link to a valid thread/post.)
    Utilisation
  • Résultat

Message en lien

La balise [post] permet de créer un lien vers un message bien précis. Vous pouvez inclure un paramètre facultatif pour « nommer » votre lien.

Listes à puce

La balise [list] permet de créer simplement des listes à puces sans spécifier d'option. Chaque élément au sein de la liste est dénoté par la balise [*].

  • [list]valeur[/list]
    Utilisation
  • [list]
    [*]objet de liste 1
    [*]objet de liste 2
    [/list]
    Utilisation
    • objet de liste 1
    • objet de liste 2
    Résultat

Listes avancées

La balise [list] permet de créer des listes avancées en spécifiant une option. L'option doit être 1 (pour une liste numérique) ou A (pour une liste alphabétique avec des lettres majuscules) ou a (pour une liste alphabétique avec des lettres minuscules) ou I (pour une liste numérique avec des nombres romains majuscules) ou i (pour une liste numérique avec des nombres romains minuscules).

  • [list=option]valeur[/list]
    Utilisation
  • [list=1]
    [*]objet de liste 1
    [*]objet de liste 2
    [/list]

    [list=A]
    [*]objet de liste 1
    [*]objet de liste 2
    [/list]

    [list=a]
    [*]objet de liste 1
    [*]objet de liste 2
    [/list]
    Utilisation
    1. objet de liste 1
    2. objet de liste 2
    1. objet de liste 1
    2. objet de liste 2
    1. objet de liste 1
    2. objet de liste 2
    Résultat

Image

La balise [img] permet d'inclure des images dans vos messages. Vous pouvez aussi la combiner avec la balise [url] pour créer un lien sur une image.

  • [img]valeur[/img]
    Utilisation
    • [img]http://www.youppie.net/forum/images/statusicon/forum_new-48.png[/img] (Sans lien)
    • [url=http://www.example.com] [img]http://www.youppie.net/forum/images/statusicon/forum_new-48.png[/img] [/url] (Avec lien)
    Utilisation
    • (Sans lien)
    • (Avec lien)
    Résultat

Videos

The [video] tag allows you to embed videos from various video services within your posts.

  • [video]valeur[/video]
    Utilisation
    • [video=youtube;eOUq4Z6R7xI]http://www.youtube.com/watch?v=eOUq4Z6R7xI[/video]
    Utilisation
    Résultat

Code

La balise [code] permet l'utilisation d'une police à taille fixe (monospace) et de préserver les espacements.

  • [code]valeur[/code]
    Utilisation
  • [code]
    <script type="text/javascript">
    <!--
        alert("Hello world!");
    //-->
    </script>
    [/code]
    Utilisation
  • Code:
    <script type="text/javascript">
    <!--
    	alert("Hello world!");
    //-->
    </script>
    Résultat

Code PHP

La balise [php] effectue les mêmes fonctions que la balise [code], mais utilise aussi le code des couleurs des syntaxes PHP. Bien qu'elle soit conçue pour du code PHP, elle peut utiliser correctement reconnaître des syntaxes d'autres langages proches du C.

  • [php]valeur[/php]
    Utilisation
  • [php]
    $myvar = 'Hello World!';
    for ($i = 0; \$i < 10; \$i++)
    {
        echo $myvar . "\n";
    }
    [/php]
    Utilisation
  • Code PHP:
    $myvar 'Hello World!';
    for (
    $i 0$i 10$i++)
    {
        echo 
    $myvar "\n";

    Résultat

Code HTML

La balise [html] permet d'accentuer la syntaxe du code HTML.

  • [html]valeur[/html]
    Utilisation
  • [html]
    <img src="image.gif" alt="image" />
    <a href="testing.html" target="_blank">Testing</a>
    [/html]
    Utilisation
  • Code HTML:
    <img src="image.gif" alt="image" />
    <a href="testing.html" target="_blank">Testing</a>
    Résultat

Citation

La balise [quote] vous permet de citer du texte déjà envoyé précédemment.

    • [quote]Citation[/quote]
    • [quote=Identifiant]valeur[/quote]
    Utilisation
    • [quote]Lorem ipsum dolor sit amet[/quote]
    • [quote=John Doe]Lorem ipsum dolor sit amet[/quote]
    • [quote=John Doe;1771402]Lorem ipsum dolor sit amet[/quote]
    Utilisation
    • Lorem ipsum dolor sit amet
    • Citation Posté par John Doe
      Lorem ipsum dolor sit amet
    • Citation Posté par John Doe Voir le message
      Lorem ipsum dolor sit amet
    Résultat

Surbrillance

La balise [highlight] vous permet de mettre du texte en surbrillance.

  • Utilisation
    [highlight]valeur[/highlight]
  • Utilisation
    [highlight]Ce texte est en surbrillance[/highlight]
  • Résultat
    Ce texte est en surbrillance

Stop BB Code Parsing

The [noparse] tag allows you to stop the parsing of BB code.

  • [noparse][b]valeur[/b][/noparse]
    Utilisation
  • [noparse][b]Lorem ipsum dolor sit amet[/b][/noparse]
    Utilisation
  • [b]Lorem ipsum dolor sit amet[/b]
    Résultat

Pièce jointe

The [attach] tag allows you to display an attachment in your post rather than at the bottom. It will only display attachments that belong to the post in which it is utilized.

  • [attach]attachmentid[/attach]
    Utilisation
  • [attach]12345[/attach]
    Utilisation
  • Résultat