[Tutoriel] Introduction au bbcode

[Team_Epsylone]

Introduction au bbcode
Tuto réalisé par : floflo@02/08/2006 - MàJ :: 27/04/2009

Nous vous présentons un petit guide concernant le langage bbcode utilisé principalement sur les forum phpBB.
Ce langage à pour but de mettre en forme vos messages en modifiant la taille, la couleur de votre texte mais également d'ajouter des images ou des liens.
Avec cette petite introduction au bbcode, ce langage n'aura plus de secret pour vous.

• Qu'est-ce que le bbcode ?

Le BBCode est une implémentation spéciale du HTML; l'activation de l'utilisation du BBCode est déterminée par l'administrateur
(vous pouvez aussi le désactiver sur un message en particulier lors de sa composition). Le BBCode en lui-même est similaire au style du HTML;
Les balises sont contenues dans des crochets [ et ] à la place de < et >, et offrent un meilleur contrôle sur la manière dont quelque chose doit être affiché.

• Comment ça marche ?

Il vous suffit simplement d'entourer tout ou partie de votre texte par :
une balise ouverte [ ] puis une balise fermée [/].
Pour exemple, si vous souhaitez mettre votre texte en gras, on obtiendra :

Code:

[b]Votre Texte[/b]

• Les balises de mise en page

--------------- Texte ---------------

Gras : b

Code:

[b]Texte[b]

Exemple : Texte


Souligné : u

Code:

[u]Texte[/u]

Exemple : Texte


Italique : i

Code:

[i]Texte[/i]

Exemple : Texte


Taille : size

Code:

[size=x]Texte[/size]

Description : La valeur "x" représente un nombre qui va déterminer la taille de votre texte, plus la valeur est basse plus votre texte sera petit, plus la valeur est grande, plus la taille de votre texte sera grande. (La valeur maximum est de 28).


Couleur : color

Code:

[color=y]Texte[/color]

Description : La valeur "y" représente la couleur à utiliser. si vous connaissez les noms des couleurs en anglais il sera très facile pour vous de mettre une couleur. Vous avez ainsi la possibilité d'utiliser les couleurs suivantes : red (rouge), blue (bleu), yellow (jaune), green (vert), etc. (les autres couleurs sont disponibles lorsque vous postez un message).


Alignement : center et right

Code:

[center]Texte[/center]

Code:

[right]Texte[/right]

Description : Permet de centrer ou d'aligner votre texte à droite dans vos messages.

--------------- Citation et Code ---------------

Citation : quote

Code:

[quote]Texte[/quote]

Code:

[quote="Z"]Texte[/quote]

Description : Permet de marquer une différence dans le post (message) en reprennant les propos d'un individu quelconque. La valeur Z de l'exemple défini le pseudo d'un individu précis. Attention, les guillemets sont obligatoires!


Code : code

Code:

[code]Texte[/code]

Description : Permet d'afficher des lignes de code ou texte nécessitant une police à pas-fixe (ex: police "Courrier").

--------------- Liste ---------------