Bonjour et bienvenue ! Est-ce votre première visite ?
S'inscrire

Balise BB

Explication

Les balises BB sont un jeu de balises basé sur le langage HTML auquel vous pouvez déjà être familier. Elles vous permettent d'ajouter de formater vos messages de la même façon que le fait le langage HTML, mais avec une syntaxe plus simple et ne déformera pas l'affichage des pages. La possibilité d'ajouter des balises BB est défini par forum par l'administrateur, vous devriez vérifier les règles du forum quand vous envoyez un nouveau message.

Ci-dessous se trouve la liste des balises BB que vous pouvez utiliser pour formater vos 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. Vidéos
  15. Code
  16. Code PHP
  17. Code HTML
  18. Citation
  19. Suspend l'interprétation des balises BB
  20. Pièce jointe
  21. Code
  22. dailymotion
  23. Header1
  24. Header2
  25. Header3
  26. Header4
  27. Header5
  28. Header6
  29. Header
  30. Float Left
  31. Float Right
  32. Paragraphe
  33. Strike
  34. vimeo
  35. youtube
Mauvaise utilisation des balises BB :
  • [url] www.vbulletin.com [/url] - n'incluez pas d'espaces entre les balises et le texte auquel vous appliquez le code.
  • [email]mon.nom@domaine.com[email] - la balise de fin doit inclure une barre oblique ([/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]
    (Remarque : Ici, l'identifiant de discussion (threadid) ou l'identifiant de message (postid) est un simple exemple et ne crée pas forcément un lien avec une discussion ou un message valide.)
    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.

    • [post]Identifiant de message(postid)[/post]
    • [post=Identifiant de message(postid)]valeur[/post]
    Utilisation
    • [post]269302[/post]
    • [post=269302]Cliquez-moi ![/post]
    (Remarque : Ici, l'identifiant de discussion (threadid) ou l'identifiant de message (postid) est un simple exemple et ne crée pas forcément un lien avec une discussion ou un message valide.)
    Utilisation
  • Résultat

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.affiliationcharme.com/forum/images/styles/Modern/statusicon_pink/forum_new-48.png[/img] (Sans lien)
    • [url=http://www.example.com] [img]http://www.affiliationcharme.com/forum/images/styles/Modern/statusicon_pink/forum_new-48.png[/img] [/url] (Avec lien)
    Utilisation
    • (Sans lien)
    • (Avec lien)
    Résultat

Vidéos

La balise [video] vous permet d'embarquer des vidéos de plusieurs sites web dans vos messages.

  • [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;76991]Lorem ipsum dolor sit amet[/quote]
    Utilisation
    • Lorem ipsum dolor sit amet
    • Citation Envoyé par John Doe
      Lorem ipsum dolor sit amet
    • Citation Envoyé 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

Suspend l'interprétation des balises BB

La balise [noparse] vous permet de suspendre l'interprétation du code BB.

  • [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

La balise [attach] vous permet d'afficher une pièce jointe au sein de votre message plutôt qu'à sa fin. Elle n'affichera que les pièces jointes attachées au message qui l'utilise.

  • [attach]Identifiant de pièce jointe (attachmentid)[/attach]
    Utilisation
  • [attach]12345[/attach]
    Utilisation
  • Résultat

Code

  • [code=Option]valeur[/code]
    Utilisation
  • [code=php]<?php echo "Hello World !"; ?>[/code]
    Utilisation
  • <?php echo "Hello World !"; ?>
    Résultat

dailymotion

  • [dailymotion]valeur[/dailymotion]
    Utilisation
  • [dailymotion]xqc19v[/dailymotion]
    Utilisation
  • Résultat

Header1

  • [h1]valeur[/h1]
    Utilisation
  • [h1]mon titre 1[/h1]
    Utilisation
  • mon titre 1

    Résultat

Header2

  • [h2]valeur[/h2]
    Utilisation
  • [h2]Mon titre 2[/h2]
    Utilisation
  • Mon titre 2

    Résultat

Header3

  • [h3]valeur[/h3]
    Utilisation
  • [h3]Mon titre 2[/h3]
    Utilisation
  • Mon titre 2

    Résultat

Header4

  • [h4]valeur[/h4]
    Utilisation
  • [h4]Mon titre 2[/h4]
    Utilisation
  • Mon titre 2

    Résultat

Header5

  • [h5]valeur[/h5]
    Utilisation
  • [h5]mon titre 1[/h5]
    Utilisation
  • mon titre 1
    Résultat

Header6

  • [h6]valeur[/h6]
    Utilisation
  • [h6]mon titre 1[/h6]
    Utilisation
  • mon titre 1
    Résultat

Header

  • [header=Option]valeur[/header]
    Utilisation
  • [h=2]Titre d'importance 2[/h]
    Utilisation
  • Titre d'importance 2

    Résultat

Float Left

Float and image to the left, wrap text around it!

Float Right

Float and image to the right, wrap text around it!

  • [imgr]valeur[/imgr]
    Utilisation
  • [imgr]http://www.google.be/images/logos/ps_logo2.png[imgr]
    Utilisation
  • [imgr]http://www.google.be/images/logos/ps_logo2.png[imgr]
    Résultat

Paragraphe

Permet de créer des paragraphes facilement

  • [p]valeur[/p]
    Utilisation
  • [p]mon texte[/p]
    Utilisation
  • mon texte

    Résultat

Strike

  • [strike]valeur[/strike]
    Utilisation
  • [strike]ce texte est barré[/strike]
    Utilisation
  • ce texte est barré
    Résultat

vimeo

  • [vimeo]valeur[/vimeo]
    Utilisation
  • [vimeo]36820781[/vimeo]
    Utilisation
  • Résultat

youtube

  • [youtube]valeur[/youtube]
    Utilisation
  • [youtube]jIRhEr7_9wA[/youtube]
    Utilisation
  • Résultat