Crunchez vos adresses URL
|
Rejoignez notre discord
|
Hébergez vos photos

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é
    [b], [i], [u]
  2. Couleur
    [color]
  3. Taille
    [size]
  4. Police
    [font]
  5. Surbrillance
    [highlight]
  6. Gauche / Droite / Centre
    [left], [right], [center]
  7. Retrait
    [indent]
  8. Lien par adresse email
    [email]
  9. Lien par adresse URL
    [url]
  10. Discussion en lien
    [thread]
  11. Message en lien
    [post]
  12. Listes à puce / Listes avancées
    [list]
  13. Image
    [img]
  14. Vidéos
    [video]
  15. Code
    [code]
  16. Code PHP
    [php]
  17. Code HTML
    [html]
  18. Citation
    [quote]
  19. Suspend l'interprétation des balises BB
    [noparse]
  20. Pièce jointe
    [attach]
  21. anchor
    [anchor]
  22. Daily Motion
    [dm]
  23. Jumpto
    [jumpto]
  24. barré
    [s]
  25. Spoil
    [spoil]
  26. Spoiler
    [spoiler]
  27. Spoiler2
    [spoiler2]
  28. Spoiler3 (noir)
    [spoiler3]
  29. Tweet 2
    [tweet2]
  30. Twitter
    [twitter]
  31. WebM Embedder
    [webm]
  32. WebM 2
    [webm2]
  33. YouTube
    [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.

    • [url]valeur[/url]
    • [url=Option]valeur[/url]
    Utilisation
    • [url]https://forum.canardpc.com[/url]
    • [url=https://forum.canardpc.com]Canardpc.com[/url]
    Utilisation
  • Résultat

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]https://forum.canardpc.com/images/statusicon/CanardPCStyle/forum_new-48.png[/img] (Sans lien)
    • [url=http://www.example.com] [img]https://forum.canardpc.com/images/statusicon/CanardPCStyle/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;14517950]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

anchor

Création d'une ancre

  • [anchor=Option]valeur[/anchor]
    Utilisation
  • [anchor=test]This is where you jump to[/anchor]
    Utilisation
  • This is where you jump to
    Résultat

Daily Motion

Permet de visualiser directement dans le sujet une vidéo hébergée sur le site Dailymotion. Pour ajouter une vidéo il suffit de mettre l'ID de de la vidéo que vous trouverez dans un lien sous la vidéo sur www.dailymotion.com

  • [dm]valeur[/dm]
    Utilisation
  • [dm]x72w7z[/dm]
    Utilisation
  • Résultat

Jumpto

The [jumpto] tag allows you to jump to another location within a post, usually used for long posts with headings and/or sections of interest.

  • [jumpto=Option]valeur[/jumpto]
    Utilisation
  • [jumpto=anchor]click here [/jumpto]
    Utilisation
  • click here
    Résultat

barré

Barre le texte.

  • [s]valeur[/s]
    Utilisation
  • Saisissez [s]Barré[/s] pour barrer le texte.
    Utilisation
  • Saisissez Barré pour barrer le texte.
    Résultat

Spoil

Comme spoiler3

  • [spoil]valeur[/spoil]
    Utilisation
  • [spoil]Back in black[/spoil]
    Utilisation
  • Back in black
    Résultat

Spoiler

  • [spoiler]valeur[/spoiler]
    Utilisation
  • [spoiler]Luigi est gay.[/spoiler]
    Utilisation
  • Spoiler Alert!
    Luigi est gay.
    Résultat

Spoiler2

Ceci est un spoiler déroulant

  • [spoiler2]valeur[/spoiler2]
    Utilisation
  • [spoiler2]w00t![/spoiler2]
    Utilisation
  • Spoiler Alert!
    w00t!
    Résultat

Spoiler3 (noir)

  • [spoiler3]valeur[/spoiler3]
    Utilisation
  • [spoiler3]signature[/spoiler3]
    Utilisation
  • signature
    Résultat

Tweet 2

Nitter > Twitter

  • [tweet2]valeur[/tweet2]
    Utilisation
  • [tweet2]https://nitter.net/kahn_lusth/status/1338803591428120577#m[/tweet2]
    Utilisation
  • Résultat

Twitter

Insère un tweet depuis l'ID ou l'URL

  • [twitter]valeur[/twitter]
    Utilisation
  • [twitter]612970759745601536[/twitter]
    Utilisation
  • Résultat

WebM Embedder

Embed WebM's onto forum

  • [webm]valeur[/webm]
    Utilisation
  • [webm]http://video.webmfiles.org/big-buck-bunny_trailer.webm[/webm]
    Utilisation
  • Résultat

WebM 2

Embed WebM's onto forum

  • [webm2]valeur[/webm2]
    Utilisation
  • [webm2]http://video.webmfiles.org/big-buck-bunny_trailer.webm[/webm2]
    Utilisation
  • Résultat

YouTube

Description - Use the movie code from the YouTube URL in your browser. For example, http://youtube.com/watch?v=kxopViU98Xo

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