BB Code

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. Videos
    [video]
15. Code
    [code]
16. Code PHP
    [php]
17. Code HTML
    [html]
18. Citation
    [quote]
19. Stop BB Code Parsing
    [noparse]
20. Pièce jointe
    [attach]
21. Video Windows Media Player
    [mov]
22. Lecteur MP3
    [mp3]
23. Vidéos internet google youtube dailymotion
    [v]

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

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

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

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

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

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

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

• • [email]valeur[/email]
  • [email=option]valeur[/email]
  Utilisation
• • [email]j.doe@example.com[/email]
  • [email=j.doe@example.com]Cliquez ici pour m'envoyer un courrier électronique[/email]
  Utilisation
• • j.doe@example.com
  • Cliquez ici pour m'envoyer un courrier électronique
  Résultat

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]http://www.soninkara.com/forums[/url]
  • [url=http://www.soninkara.com/forums]Forums Soninkara.com[/url]
  Utilisation
• • http://www.soninkara.com/forums
  • Forums Soninkara.com
  Résultat

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'ID de discussion ou l'ID de message est un simple exemple et ne crée pas forcément un lien avec une discussion ou un message valide.)
  Utilisation
• • http://www.soninkara.com/forums/showthread.php?t=42918
  • Cliquez-moi !
  Résultat

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]postid[/post]
  • [post=postid]valeur[/post]
  Utilisation
• • [post]269302[/post]
  • [post=269302]Cliquez-moi ![/post]

  (Remarque : Ici, l'ID de discussion ou l'ID de message est un simple exemple et ne crée pas forcément un lien avec une discussion ou un message valide.)
  Utilisation
• • http://www.soninkara.com/forums/showthread.php?p=269302#post269302
  • Cliquez-moi !
  Résultat

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

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

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.soninkara.com/forums/images/metro/golden/statusicon/forum_new-48.png[/img] (Sans lien)
  • [url=http://www.example.com] [img]http://www.soninkara.com/forums/images/metro/golden/statusicon/forum_new-48.png[/img] [/url] (Avec lien)
  Utilisation
• • (Sans lien)
  • (Avec lien)
  Résultat

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

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

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

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

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

    Lorem ipsum dolor sit amet
  • Posté par John Doe

    Lorem ipsum dolor sit amet
  Résultat

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

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

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]attachmentid[/attach]
  Utilisation
• [attach]12345[/attach]
  Utilisation
• Résultat

Insérer une video de type Windows Media Player. Vous pourrez insérer les formats *.wmv, *.mpeg, *.mpg, *.avi...

• [mov]valeur[/mov]
  Utilisation
• [mov]http://wowps.org/demo.wmv[/mov]
  Utilisation
• Résultat

Lecteur MP3 (Mettre l'URL complète entre les balises [mp3] et [/mp3]

• [mp3]valeur[/mp3]
  Utilisation
• [mp3]http://www.soninkara.com/forums/audio-player/test.mp3[/mp3]
  Utilisation
• Résultat

Permet d'insérer des vidéos provenant de "Vidéos Google" "Dailymotion" "YouTube"

• [v]valeur[/v]
  Utilisation
• [v]http://video.google.com/googleplayer.swf?docId=-2971902131766802490&hl=fr[/v]
  Utilisation
• Résultat