Les balises BBCode

Les balises BBCode

BBCode est l'abréviation de Bulletin Board Code.
Il est utilisé pour mettre en forme les messages de forums de discussion.
Le nom d'une balise est délimité par les crochets [ et ]
Remarque importante :
Il ne doit y avoir aucun signe espace entre les crochets [ et ].
Une balise ouverte par [...] doit être fermée par [/...]
On peut imbriquer plusieurs balises pour obtenir plusieurs effets, mais il faut veiller à respecter l'ordre d'ouverture et de fermeture de chaque balise.



• Mettre le texte en gras : 

Code:

[b]Texte[/b]

Résultat :  Texte

• Mettre le texte en italique 

Code:

[i]Texte[/i]

 Résultat :  Texte

• Souligner le texte : 

Code:

[u]Texte[/u]

 Résultat :  Texte

• Barrer le texte : 

Code:

[strike]Texte[/strike]

 Résultat : Texte

• Aligner le texte à gauche :

Code:

[left]Texte[/left]

Résultat : 

• Centrer le texte :

Code:

[center]Texte[/center]

Résultat : 

• Aligner le texte à droite :

Code:

[right]Texte[/right]

Résultat : 

• Justifier le texte :

Code:

[justify]texte[/justify]

Résultat : 
• Modifier la couleur du texte :

Code:

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

Texte avec la couleur « red »
Texte avec la couleur « green»
Texte avec la couleur « blue »

ou

Code:

[color= #hexadecimal]Texte[/color]

Texte avec la couleur « #FF3300 »
Texte avec la couleur « #008000 »
Texte avec la couleur « #0033FF»

Vous pouvez spécifier soit un nom de couleur reconnu (par exemple : red, blue, yellow, green, blink, etc…), soit un code couleur hexadécimal (par exemple : #FFFFFF, #0033FF, etc…)

• Modifier la taille du texte :

Code:

[size=nombre]Texte[/size]

Texte taille 9
Texte taille 12
Texte taille 14
Texte taille 16
Texte taille 18
Texte taille 24

• Changer la police du texte :

Code:

[font=NOM]Texte[/font]

Texte avec la police « Impact »
Texte avec la police «Comic Sans MS»
Texte avec la police « Times New Romain »

• Liste non-ordonnée (avec puce) :

Code:

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

• Info 1
  
• Info 2
  

• Liste ordonnée (alphabétique) :

Code:

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

1. Info 1
   
2. Info 2
   

• Liste ordonnée (romain) :

Code:

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

1. Info 1
   
2. Info 2
   

• Pour afficher une citation sans référence :

Code:

[quote]Texte[/quote]

Texte

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

Code:

[quote="Untel"]Texte[/quote]

Untel a écrit:Texte

• Pour afficher un code :

Code:

[ code] Texte[/ code]

Code:

Texte

• Pour créer un lien :

Code:

[url]http://mon_adresse[/url]

http://panoramic.free-boards.net/

• Pour créer un lien sur un texte :

Code:

[url=http://panoramic.free-boards.net/] PANORAMIC[/url]

PANORAMIC

• Pour crée un lien sans BBCode :

Code:

http://mon_adresse

http://panoramic.free-boards.net/

• Pour créer un lien mail :

Code:

[email]Texte@domaine.com[/email]

 Texte@domaine.com 

• Pour insérer une image :

Code:

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

• Pour insérer un lien sur une image :

Code:

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

• Pour insérer du flash :

Code:

[flash(largeur,hauteur)]http://adresse_flash[/flash]

……………………..

• Pour insérer une vidéo YouTube :

Code:

[youtube]code - Embed[/youtube]

…………………………………………….

• Pour insérer une vidéo Dailymotion :

Code:

[dailymotion]code - lecteur portable[/dailymotion]

……………..

• Pour insérer un titre :

Code:

[h2]C'est un  titre important[/h2]
[h3]C'est un titre un peu moins important[/h3]
[h4]C'est un titre encore un peu moins important[/h4]

C'est un titre important

C'est un titre un peu moins important

C'est un titre encore un peu moins important

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

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

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

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

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

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 de texte :

Code:

[scroll] Texte [/scroll]

Résultat : Texte

• Défilement vertical de texte :

Code:

[updown]Texte[/updown]

Résultat: Texte

• Pour insérer une ligne :

Code:

Résultat 1[hr]Résultat 2

Résultat 1

---

Résultat 2

• Mettre en indice :

Code:

x[sub]a+b[/sub]

Résultat : X_a+b

• Mettre en exposant :

Code:

3[sup]ème[/sup] inconnue X[sup]7[/sup]

Résultat : 3^ème inconnue X⁷

• Effet miroir sur le texte (symétrie verticale) :

Code:

[flipv]Texte[/flipv]

Résultat : Texte 

• Effet miroir sur le texte (symétrie horizontale) :

Code:

[fliph]Texte[/fliph]

Résultat : Texte 

• Effet flou :

Code:

[blur]Texte[/blur]

Résultat : Texte

• Effet de dégradé :

Code:

[fade]Texte[/fade]

Résultat : Texte

• Cacher un texte :

Code:

[hide]Texte[/hide]

Résultat :

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.

• Masque un contenu

Code:

[spoiler]Texte [/spoiler]

Spoiler: