Comprendre le bbcode
Cours de bbcode
Alors vous êtes tout content ... Ca y est vous vous mettez à Internet :)
Voici votre première inscription sur un forum ....
Vous savez comment poster un message, mais il n'y a aucune mise en forme !
Tout en noir, c'est plat ...
Comment font-ils tous pour mettre des couleurs, mettre un texte en gras, ou même mettre une image ou une bannière reliant leur site ??
Bien, ils utilisent le bbcode pour formater leur texte ...

Bbcode ? C'est quoi ce truc ?
Le forum est écrit en phpbb, c'est le language informatique pour l'écrire...
bbcode, ce sont les codes, les balises que l'on peut mettre pour formater son texte ...

Déjà, comprendre comment marchent les balises :
Vous êtes peut-être sur un forum qui propose des boutons intuitifs pour mettre du bbcode, mais ça donne des trucs comme ça : [i][/i], vous voulez pas que ça marque ça !!!
Bien, en fait, pour formater un texte, ça ne se voit pas lors de la rédaction du texte,mais quand le message est posté:
Une balise se présente sous cette forme [fonction] [/fonction]
Fonction étant une variable ... Tout ce que vous ave écrit entre ces ceux balises seront mis en forme par la fonction écrite ...
[fonction] indique le début du formatage par cette fonction et [/fonction] indique la fin

Voilà des exemples simples qui vous aideraient à mieux comprendre :

[i] texte [/i]  -->  texte
i pour italic
 
[b] texte [/b] --> texte
b pour bold (bold = gras en anglais)

[u] texte [/u] --> texte
u pour underline (underline  souligner en anglais)

Ces codes peuvent être mis ensemble :
Exemple :
[i] [b] texte [/i] [/b] --> texte
L'ordre n'a pas d'importance : [i] [b] texte [/b] [/i] --> texte

Deux balises mises à la suite, ne doivent pas forcément finir à la suite :
[b] [u] texte [/b] suite du texte [/u] --> texte suite du texte


Alors, voyons maintenant la couleur,
la balise couleur est : [color=#hexadecimal] [/color]
Vous vous demandez surement ce que hexadécimal veut dire, et bien, c'est le code de la couleur ...
Pour trouver facilement le code de la couleur désirée, utilisez un générateur de couleur hexadécimal, à mettre dans les favoris : http://www.smiliz.org/couleurs.php 
Par exemple un texte en rose :
[color=#FF00FF] texte [/color] --> texte


Après ça, voyons comment mettre une image,
Le code pour mettre une image est :
[img]http://urldelimage.gif[/img]  (faites bien attention à ne pas mettre d'espaces !!!)

Par exemple :
[img]http://www.creationsally.com/chatimage5.gif[/img] -->


Vous voulez mettre un lien, mais il n'est pas cliquable, ça peut s'arranger en mettant le lien entre [url] et [/url] : [url]http://urldutexte[/url]
Exemple :
[url]http://www.google.com[/url] -->> http://www.google.com


Pour des raisons esthétiques, vous préféreriez peut-être mettre un texte qui soit clicable, sans que le lien soit visible ?
Dans ce cas il faut mettre :
[url=http://urldelapage] Texte [/url]
Exemple :
[url=http://www.google.com] Google [/url] --> Google



Et comment on met une image cliquable ??
Et bien, il suffit de combiner le texte clicable et l'image, ainsi :
[url=http://urldelapageweb] [img]http://urldelimage[/img] [/url]

Exemple :
[url=http://google.fr] [img]http://www.google.com/intl/en/images/logo.gif[/img] [/url]  --> Google