| 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] -->  | |
|
|
 | |