Les BBCodes

Les BBCodes

Mais qu'est-ce donc ? Ce sont tous les codes disponibles lors de la rédaction de votre message dans le but d'y apporter une mise en page attractive et moins monotone. Cela va des codes de traitement de texte aux codes d'intégrations de fichiers externes.

En voici la liste :

Mettre le texte en gras:

Code:

[b]texte[/b]

Exemple : texte
Mettre le texte en italique:

Code:

[i]texte[/i]

Exemple : texte
Souligner le texte:

Code:

[u]texte[/u]

Exemple : texte
Barrer le texte:

Code:

[strike]texte[/strike]

Exemple : ~~texte~~
Aligner du texte à gauche :

Code:

[left]texte[/left]
Centrer du texte :

Code:

[center]texte[/center]
Aligner du texte à droite :

Code:

[right]texte[/right]
Justifier du texte :

Code:

[justify]texte[/justify]
Modifier la couleur du texte:

Code:

[color=nom de couleur]texte[/color]

Résultat avec la couleur "rouge"
Résultat avec la couleur "vert"
Résultat avec la couleur "bleu"

ou

Code:

[color=#hexadecimal]texte[/color]

Résultat avec la couleur "#FF3300"
Résultat avec la couleur "#008000"
Résultat avec la couleur "#0033FF"

Vous pouvez spécifier soit un nom de couleur reconnu (par exemple : red, blue, yellow, etc...), soit un code couleur hexadécimal (par exemple : #FFFFFF, #0033FF,...)
Modifier la taille du texte:

Code:

[size=chiffre]texte[/size]

Résultat taille 9
Résultat taille 12
Résultat taille 14
Résultat taille 16
Résultat taille 18
Changer la police du texte:

Code:

[font=Police]texte[/font]

Résultat avec la police "Impact"
Résultat avec la police "Comic Sans Ms"
Résultat avec la police "Times New Roman"
Liste non-ordonnée (avec puce):

Code:

[list][*]Info 1
[*]Info 2
[*]Info...[/list]

Exemple :

Info 1
Info 2
Info...

Liste ordonnée (numérotée) :

Code:

[list=1][*]Info 1
[*]Info 2
[*]Info...[/list]

Exemple :

Info 1
Info 2
Info...

Liste ordonnée (alphabétique) :

Code:

[list=a][*]Info 1
[*]Info 2
[*]Info...[/list]

Exemple :

Info 1
Info 2
Info...

Pour afficher une citation sans référence :

Code:

[quote]citation[/quote]

Exemple :

Citation :

citation
Pour afficher une citation avec référence :

Code:

[quote="X"]citation[/quote]

Exemple :

X a écrit:

citation
Pour afficher un code ou police à pas fixe:

Code:

[code]code[/code]

Exemple :

Code:

code
Créer un lien :

Code:

[url]http://mon_adresse[url]

Exemple : http://bric-a-brac.forumzarbi.com/
Créer un lien sur un texte :

Code:

[url=http://mon_adresse]texte[/url]

Exemple : bric-à-brac
Créer un lien sans BBcode :

Code:

http://mon_adresse

Exemple : http://bric-a-brac.forumzarbi.com/
Créer un lien mail :

Code:

[email]mon_email@email.com[/email]

Exemple : Resultat@domaine.com
Insérer une image :

Code:

[img]http://adresse_image[/img]

Exemple :
Insérer un lien sur une image :

Code:

[url=http://mon_adresse][img]http://adresse_image[/img][/url]

Exemple :
Insérer du flash :

Code:

[flash(largeur,hauteur)]http://adresse_flash[/flash]
Insérer une vidéo YouTube :

Code:

[youtube]code - Embed[/youtube]
Insérer une vidéo Dailymotion :

Code:

[dailymotion]code - lecteur portable[/dailymotion]

NB : Si vous cochez "oui" à la partie "Toujours autoriser le HTML" dans les préférences du profil, alors le code d'intégration seul sera suffisant, exemple :

Code:

<iframe title="YouTube video player" width="300" height="199" src="http://www.youtube.com/embed/m1abD0P2o9o?rel=0" frameborder="0" allowfullscreen></iframe>

ou

Code:

<object width="300" height="199"><param name="movie" value="http://www.youtube.com/v/m1abD0P2o9o?fs=1&hl=fr_FR&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/m1abD0P2o9o?fs=1&hl=fr_FR&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="300" height="199"></embed></object>

ce qui donnera :

Pour plus d'informations sur les BBcodes vidéo
Pour créer un tableau, il faut définir un tableau ’table’ puis lui insérer une ligne ’tr’. Cette ligne peut contenir une ou plusieurs cellules ’td’, de même qu’un tableau peut contenir plusieurs lignes ’tr’ :

Code:

[table] [tr][td] Ligne 1 - Cellule 1 [/td] [td] Ligne 1 - Cellule 2 [/td] [td] Ligne 1 - Cellule 3 [/td][/tr] [tr][td] Ligne 2 - Cellule 1 [/td] [td] Ligne 2 - Cellule 2 [/td] [td] Ligne 2 - Cellule 3 [/td][/tr][/table]

Exemple :

Ligne 1 - Cellule 1 Ligne 1 - Cellule 2 Ligne 1 - Cellule 3

Ligne 2 - Cellule 1 Ligne 2 - Cellule 2 Ligne 2 - Cellule 3
Créer un tableau avec une bordure :

Code:

[table border=1] [tr][td] Ligne 1 - Cellule 1 [/td] [td] Ligne 1 - Cellule 2 [/td] [td] Ligne 1 - Cellule 3 [/td][/tr] [tr][td] Ligne 2 - Cellule 1 [/td] [td] Ligne 2 - Cellule 2 [/td] [td] Ligne 2 - Cellule 3 [/td][/tr][/table]

Exemple :

Ligne 1 - Cellule 1 Ligne 1 - Cellule 2 Ligne 1 - Cellule 3

Ligne 2 - Cellule 1 Ligne 2 - Cellule 2 Ligne 2 - Cellule 3
Créer un tableau avec bordure sans espace :

Code:

[table cellspacing=0 border=1] [tr][td] Ligne 1 - Cellule 1 [/td] [td] Ligne 1 - Cellule 2 [/td] [td] Ligne 1 - Cellule 3 [/td][/tr] [tr][td] Ligne 2 - Cellule 1 [/td] [td] Ligne 2 - Cellule 2 [/td] [td] Ligne 2 - Cellule 3 [/td][/tr][/table]

Exemple :

Ligne 1 - Cellule 1 Ligne 1 - Cellule 2 Ligne 1 - Cellule 3

Ligne 2 - Cellule 1 Ligne 2 - Cellule 2 Ligne 2 - Cellule 3
Défilement horizontal : (Autres)

Code:

[scroll]texte[/scroll]

Exemple : texte
Défilement vertical : (Autres)

Code:

[updown]texte[/updown]

Exemple : texte
Insérer une ligne :

Code:

Résultat 1[hr]Résultat 2

Exemple :
Résultat 1
Résultat 2
Mettre en indice : (Autres)

Code:

x[sub]a+b[/sub]xa+b

Exemple : x_a+bxa+b
Mettre en exposant : (Autres)

Code:

2[sup]e[/sup] jour

Exemple : 2^e jour
Obtenir un nombre aléatoire en précisant un interval minimum et maximum: (Autres)

Code:

[rand]50,100[/rand]

Exemple :
Nombre aléatoire (50,100) :
84
Obtenir un nombre aléatoire en précisant un interval maximum: (Autres)

Code:

[rand]50[/rand]

Exemple :
Nombre aléatoire (1,50) :
35
Cacher du texte : (Autres)

Code:

[hide]texte[/hide]

Exemple :

Note: le texte sera caché pour les personnes qui n'ont pas posté dans le sujet.
En revanche, les administrateurs et les modérateurs verront le texte caché sans avoir à poster dans le sujet.
Masquer du contenu : (Autres)

Code:

[spoiler]contenu[/spoiler]

Exemple :
Spoiler:
Masquer du contenu en précisant le sujet : (Autres)

Code:

[spoiler=sujet]contenu[/spoiler]

Exemple :
sujet:

Les balises peuvent être combinées pour divers effets, néanmoins il faut respecter l'ordre d'ouverture et de fermeture de chaque balise.
Attirer l'attention :

Code:

[size=18][color=red][b][/b][/color][/size]

Exemple :
Syntaxe incorrect :

Code:

[u][b]Info[/u][/b]
Syntaxe correct :

Code:

[u][b]Info[/b][/u]

Source : http://forum.forumactif.com/t171298-les-balises-bbcodes-de-forumactif?highlight=bbcodes