| Introduction |
Qu'est-ce que le BBCode ? Le BBCode est une implémentation spéciale du HTML. Vous pouvez désactiver le BBCode dans un message 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 permettent une mise en forme du texte, l'affichage des images, ainsi que la création de liens. On peut ajouter du BBCode aux messages manuellement, ou à travers d'une interface de boutons cliquables au-dessus de la zone de texte lors de la composition du message. Le guide ci-dessous précise le fonctionnement du BBCode. Vers haut de page |
 |
| Mise en forme du Texte |
Créer du texte en gras, italique et souligné Le BBCode comprend des balises qui vous permettent de changer rapidement le style de votre texte. Cela se réalise des manières suivantes : - Pour rendre une partie de texte en gras, placez-le dans [b][/b] ; exemple :
[b]Salut[/b]
donnera Salut - Pour souligner un texte, utilisez [u][/u] ; par exemple :
[u]Bonjour[/u]
donnera Bonjour - Pour mettre un texte en italique, utilisez [i][/i] ; exemple :
C'est [i]Super![/i]
donnera C'est Super!
Vers haut de page |
 |
Changer la taille ou la couleur du texte Pour changer la couleur ou la taille de votre texte, les balises suivantes peuvent êtres utilisées. Ayez en tête que le rendement du texte dépendra de votre navigateur internet et de votre système d'exploitation : - Le changement de la couleur du texte se réalise en le plaçant dans [color=][/color]. Vous pouvez spécifier soit un nom de couleur reconnu (exemple : red, blue, yellow, etc.), ou soit un code couleur hexadecimal, exemple : #FFFFFF, #000000. Par exemple, pour créer du texte en rouge, vous pouvez utiliser :
[color=red]Salut ![/color]
ou
[color=#FF0000]Salut ![/color]
donneront tous deux Salut ! - Le changement de la taille de votre texte se réalise de la même manière que pour la couleur en utilisant [size=][/size]. Cette balise est dépendante du modèle de document que vous utilisez, mais le format recommandé est une valeur numérique représentant la taille du texte en pixels, de 1 (tellement petit que vous le verrez pas) jusqu'à 29 (très grand). Par exemple :
[size=10]PETIT[/size]
donnera PETIT
alors que :
[size=24]ENORME ![/size]
donnera ENORME !
Vers haut de page |
 |
Puis-je combiner les balises de mise en forme ? Oui, bien sûr que vous pouvez, par exemple pour attirer l'attention de quelqu'un, vous devriez écrire :
[size=18][color=red][b]REGARDEZ MOI ![/b][/color][/size]
devrait donner REGARDEZ MOI !
Néanmoins, nous ne vous recommandons pas d'écrire beaucoup de texte comme ci-dessus ! Rappelez-vous que c'est à vous de vous assurer de fermer les balises correctement. Par exemple, ce qui suit est incorrect :
[b][u]Ceci est incorrect[/b][/u] Vers haut de page |
 |
| Citation et texte à pas fixe |
Citation dans les réponses Il y a trois méthodes pour citer un texte, avec ou sans référence.- Lorsque vous utilisez la fonction Citer pour répondre à un message sur le forum, vous avez sûrement remarqué que le texte en citation est ajouté dans la zone de texte entre [quote=""] et [/quote]. Cette méthode vous permet de citer avec une référence à une personne ou tout autre chose que vous aurez choisi de mettre ! Par exemple, pour citer un texte écrit par M. Dupont, vous devrez entrer :
[quote="M. Dupont"]Le texte écrit par M. Dupont devra être placé ici[/quote]
Cela ajoutera automatiquement M. Dupont a écrit : avant votre texte. Rappelez-vous que vous devez inclure les guillemets "" autour de la référence que vous citez, ils ne sont pas optionnels.
- La seconde méthode vous permet de citer quelque chose sans faire référence à l'auteur. Pour l'utiliser, placez le texte entre les balises [quote] et [/quote]. Dans le message, il y aura simplement Citation : avant votre texte.
- La troisième méthode est l'utilisation des balises [equote] et [/equote].
Ces balises fonctionnent comme les précédentes, mais n'insèrent par le texte "a écrit :". Ainsi, [equote="comme l'a dit Dupont : "]texte cité[/equote] écrira exactement comme l'a dit Dupont : comme appel de citation.
Vers haut de page |
 |
Code ou police à pas fixe Si vous voulez afficher des lignes de code ou toute chose qui nécessite une police à pas fixe, exemple : Police Courrier, vous devez placer le texte ou code dans les balises [code][/code], exemple :
[code]echo "Ceci est du code";[/code]
Toute mise en forme utilisée dans les balises [code][/code] sera appliquée. Vers haut de page |
 |
| Création de Listes |
Créer une liste non-ordonnée Le BBCode supporte deux types de listes : les listes non-ordonnées et les listes ordonnées. Elles sont essentiellement identiques à leurs équivalents en HTML. Une liste non-ordonnée produit une liste dont les entrées sont les unes en-dessous des autres et indentées avec une puce. Pour créer une liste non-ordonnée, utilisez [list][/list] et définissez chaque entrée à l'intérieur de la liste en utilisant [*]. Par exemple, pour établir une liste de vos couleurs favorites, vous pouvez utiliser :
[list] [*]Rouge [*]Bleu [*]Jaune [/list]
Cela donnera la liste suivante : Vers haut de page |
 |
Créer une liste ordonnée Le second type de liste vous donne le contrôle sur ce qui va être affiché avant chaque entrée. Pour créer une liste ordonnée, vous devez utiliser [list=1][/list] pour créer une liste numérotée ou alternativement [list=a][/list] pour une liste alphabétique. Comme pour les listes non-ordonnées, les entrées sont spécifiées en utilisant [*]. Par exemple :
[list=1] [*]Faire les magasins [*]Acheter un nouvel ordinateur [*]Injurier son ordinateur lorsqu'il plante [/list]
donnera ce qui suit :- Faire les magasins
- Acheter un nouvel ordinateur
- Injurier son ordinateur lorsqu'il plante
Alors que pour une liste alphabétique, vous devez utiliser :
[list=a] [*]La première réponse possible [*]La seconde réponse possible [*]La troisième réponse possible [/list]
donnera :- La première réponse possible
- La seconde réponse possible
- La troisième réponse possible
Vers haut de page |
 |
| Création de Liens |
Créer un lien vers un autre site Le BBCode de phpBB supporte plusieurs méthodes pour créer des liens, plus connus sous le sigle URLs.- La première méthode utilise les balises [url=][/url]; tout ce que vous taperez après le signe = sera considéré comme le nom du lien. Par exemple, pour créer un lien vers phpBB.com vous devez utiliser :
[url=http://www.phpbb.com/]Visitez phpBB ![/url]
Ceci générera le lien suivant : Visitez phpBB ! Vous remarquerez que le lien ouvre une nouvelle fenêtre ; l'utilisateur peut donc continuer à parcourir les forums s'il le souhaite. - Si vous voulez que le lien affiche directement l'URL, vous devez simplement utiliser :
[url]http://www.phpbb.com/[/url]
Ceci donnera le lien suivant : http://www.phpbb.com/ - De plus, phpBB possède une fonctionnalité appelé Magic Links; celle-ci convertira automatiquement une URL en un lien cliquable sans que vous ayez à insérer une balise BBCode ou http://. Par exemple, en tapant www.phpbb.com dans votre message, celui-ci sera automatiquement convertit en www.phpbb.com lorsque vous le lirez.
- La même chose s'applique aux adresses e-mail; vous pouvez soit spécifier une adresse e-mail explicitement, par exemple :
[email]personne@domaine.com[/email]
qui donnera no.one@domain.adr, ou soit en tapant personne@domaine.com dans votre message et sera automatiquement convertit lorsque vous le lirez. Comme pour toutes les balises BBCode, encadrez tout autre balise comme [img][/img] (reportez-vous à la partie suivante), [b][/b], etc. Comme pour les balises de mise en forme, c'est à vous de vous assurer que l'ordre des balises d'ouverture et de fermeture est correct, par exemple :
[url=http://www.phpbb.com/][img]http://www.phpbb.com/images/phplogo.gif[/url][/img] n'est pas correct et ne fonctionnera pas. Vers haut de page |
 |
| Affichage d'images dans les messages |
Ajouter une image à un message Le BBCode de phpBB inclut une balise pour incorporer des images à vos messages. Pour afficher une image, vous devez encadrer l'URL qui pointe vers l'image avec les balises [img][/img]. Par exemple :
[img]http://www.pirate-photo.fr/templates/subSilver/images/drapeau.jpg[/img]
Comme noté ci-dessus dans la section Création de Liens, vous pouvez créer un lien depuis une image, en disposant l'adresse d'une image dotée de ses balises [img][/img] entre les balises [url][/url] si vous le souhaitez. Exemple :
[url=http://www.pirate-photo.fr/forum][img]http://www.pirate-photo.fr/accueil/images/iconeaurorepirate.png[/img][/url]
devrait donner :

Vers haut de page |
 |
| Boutons d'insertion de BBCode dans les messages |
Utilisation des boutons d'insertion Ces balises peuvent être créées automatiquement au moyen de boutons et menus disposés au-dessus de la fenêtre de composition des messages du forum. Lorsque l'on clique sur le bouton avant de saisir le texte, il faut ensuite cliquer sur "fermer les balises". Si l'on clique sur une balise après avoir sélectionné le texte que l'on veut disposer entre balises, les balises sont créées automatiquement avant et après la sélection. Un mode d'emploi succinct s'affiche en survolant le bouton avec la souris.

Vers haut de page |
 |
| Making Tables |
What do the [table] and [/table] tags do? You use [table] and [/table] to start and end the table Use [table] at the very beginning of the table, and [/table] at the very end. Vers haut de page |
 |
What does the [mrow] tag do? You use [mrow] for a new row that starts with a header column (Centered, Bold text). Note: [/mrow] is NOT required
For example:
[table][mrow]Main Row[/table]
Will show up as
Vers haut de page |
 |
What does the [mcol] tag do? You use [mcol] for each new header column (Centered, Bold text). Note: [/mcol] is NOT required
For example:
[table][mrow]Main Row Column 1[mcol]Main Row Column 2[col]Main Row Regular Column[/table]
Will show up as
| Main Row Column 1 | Main Row Column 2 | Main Row Regular Column |
Vers haut de page |
 |
What does the [row] tag do? You use [row] for each new row (plain, uncentered) Note: [/row] is NOT required
For example:
[table][mrow]Main Row[row]Regular Row[/table]
Will show up as...
Vers haut de page |
 |
What does the [col] tag do? Use [col] to create a new column (plain, uncentered) Note: [/col] is NOT required
For example:
[table][mrow]Main Row Column 1[mcol]Main Row Column 2[row]Regular Row Column 1[col]Regular Row Column 2[/table]
Will show up as
| Main Row Column 1 | Main Row Column 2 | | Regular Row Column 1 | Regular Row Column 2 |
Vers haut de page |
 |
Do I need to add closing tags for the [mrow], [mcol], [row], or [col] tags? No, the Table BBCode is set up to eliminate the need for any closing tags other than the [/table] tag, which is required. Vers haut de page |
 |
What are the different attributes? You can use "color=" and "fontsize=" with any tag. You use them the same way you would an html attribute by seperating each tag with a single space. The order in which you use them does not matter.
Color
The "color=" attribute allows you to change the background color. You can specify either a recognised colour name (eg. red, blue, yellow, etc.) or the hexadecimal triplet alternative, eg. #FFFFFF, #000000.
Example: [table color=blue][mrow color=green]Main Row Column 1[mcol color=red]Main Row Column 2[row color=#00FF00]Regular Row 1 Column 1[col color=#FF0000]Regular Row 1 Column 2[row]Regular Row 2 Column 1[col]Regular Row 2 Column 2[/table] Will show up as
| Main Row Column 1 | Main Row Column 2 | | Regular Row 1 Column 1 | Regular Row 1 Column 2 | | Regular Row 2 Column 1 | Regular Row 2 Column 2 |
Fontsize
The "fontsize=" attribute allows you to change the text size. The default font size is set to the FONTSIZE3 setting in the current template, however this can be changed by using the attribute in the [table] tag.
Example: [table fontsize=18][mrow fontsize=10]Main Row Column 1[mcol fontsize=14]Main Row Column 2[row fontsize=5]Regular Row 1 Column 1[col fontsize=28]Regular Row 1 Column 2[row]Regular Row 2 Column 1[col]Regular Row 2 Column 2[/table] Will show up as
| Main Row Column 1 | Main Row Column 2 | | Regular Row 1 Column 1 | Regular Row 1 Column 2 | | Regular Row 2 Column 1 | Regular Row 2 Column 2 |
Vers haut de page |
 |
Heures au format GMT + 2 Heures
|
|