Le BBCode est une implémentation spéciale du HTML. L'activation de l'utilisation du BBCode est déterminée par l'administrateur. En outre, 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 offrent un meilleur contrôle sur la manière dont quelque chose doit être affiché. Selon le modèle de document que vous utilisez, vous pourrez facilement rajouter du BBCode à vos messages à travers une interface de boutons cliquables au-dessus de la zone de texte lors de la composition de votre message. Toutefois, le guide qui suit pourra vous être utile.
Pour changer la couleur, la taille ou la police 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):
Pour changer la couleur de votre texte, vous pouvez spécifier soit un nom de couleur reconnu (ex: red, blue, yellow, etc.), ou soit un code couleur hexadecimal (ex: #FFFFFF, #000000):
Code:
[color=red]Couleur rouge (red)[/color] ou [color=#FF0000]Couleur rouge (#FF0000)[/color]
Résultat: Couleur rouge (red) ou Couleur rouge (#FF0000)
Pour changer la taille de votre texte se réalise, vous devez spécifier la taille du texte en pixels, de 1 (tellement petit que vous le verrez pas) jusqu'à 29 (très grand):
Code:
[size=9]PETIT[/size] ou [size=24]ENORME[/size]
Résultat: PETIT ou ENORME
Pour changer la police, vous devez spécifier une police reconnue (ex: Verdana, Arial) si un utilisateur ne dispose pas de cette police une par défaut lui sera affiché :
Code:
[font=Arial]Police Arial[/font] ou [font=Comic Sans Ms]Police Comic Sans Ms[/font]
Oui, bien sûr que vous pouvez, par exemple pour attirer l'attention de quelqu'un, vous pouvez écrire:
Code:
[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:
Si vous voulez afficher des lignes de code (HTML ou autres) ou toute chose qui nécessite une police à pas-fixe (exemple avecla police "Courrier"), vous devez utilisez le bbcode suivant :
Code:
[code]echo "Ceci est du code";[/code]
Résultat :
Code:
echo "Ceci est du code";
C'est exactement ce que nous utilisons dans cette aide pour vous montrer tous les bbcodes que vous pouvez utilisez.
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, deux possibilités s'offre à vous :
Une liste numérotée :
Code:
[list=1][*]Faire les magasins[*]Acheter un nouvel ordinateur[*]Injurier son ordinateur lorsqu'il plante[/list]
Résultat :
Faire les magasins
Acheter un nouvel ordinateur
Injurier son ordinateur lorsqu'il plante
Une liste alphabétique :
Code:
[list=a][*]La première réponse possible[*]La seconde réponse possible[*]La troisième réponse possible[/list]
Résultat : . Vous remarquerez que le lien ouvre une nouvelle fenêtre, l'utilisateur peut donc continuer à parcourir les forums s'il le souhaite.
Deuxième méthode, si vous voulez que le lien affiche directement l'URL :
Code:
[url]http://www.forumactif.com/[/url]
Résultat :
Troisième méthode, ce forum 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
Code:
www.forumactif.com
dans votre message, celui-ci sera automatiquement convertit en lien : .
Le BBCode inclut une balise pour incorporer des images à vos messages. Deux importants points à retenir lors de l'utilisation de cette balise sont que premièrement, beaucoup d'utilisateurs n'apprécient guères un trop plein d'images dans un message et deuxièment l'image que vous voulez afficher doit déjà être disponible sur internet (elle ne peut pas seulement exister sur votre ordinateur par exemple, à moins que votre ordinateur soit lui-même un serveur internet !). Vous pouvez héberger gratuitement vos images sur Internet grâce aux hébergeurs d'images tel que . Pour afficher une image, vous devez procéder comme ceci :
Code:
[img]http://illiweb.com/fa/i/forumactif.png[/img]
Résultat : . Vous pouvez placer une image dans un lien si vous le souhaitez (c'est à vous de vous assurer que l'ordre des balises d'ouverture et de fermeture est correct), par exemple:
Quatre possibilités de positionnements vous sont proposés :
L'alignement à gauche :
Code:
[left]Phrase alignée à gauche[/left]
Résultat :
Phrase alignée à gauche
Le centrage :
Code:
[center]Phrase centrée[/center]
Résultat :
Phrase centrée
L'alignement à droite :
Code:
[right]Phrase alignée à droite[/right]
Résultat :
Phrase alignée à droite
La justification :
Code:
[justify]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam ac tortor eu dolor mollis malesuada. Nam arcu dui, cursus a, ullamcorper ut, fringilla nec, velit. Duis tempor arcu eu orci. Ut vehicula massa eu est. Sed ac odio. Integer dictum eros. Etiam facilisis sem non lacus. Donec volutpat ligula ac est. Aliquam erat volutpat. Pellentesque justo tellus, porta et, interdum et, consequat sit amet, eros.[/justify]
Résultat :
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam ac tortor eu dolor mollis malesuada. Nam arcu dui, cursus a, ullamcorper ut, fringilla nec, velit. Duis tempor arcu eu orci. Ut vehicula massa eu est. Sed ac odio. Integer dictum eros. Etiam facilisis sem non lacus. Donec volutpat ligula ac est. Aliquam erat volutpat. Pellentesque justo tellus, porta et, interdum et, consequat sit amet, eros.
Le BBCode pour insérer un tableau dans un message est identique aux balises utilisées en HTML. Pour créer un tableau, vous devez commencer par 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'.
Par exemple, pour créer un tableau de deux lignes et de trois colonnes, vous devez procéder ainsi :
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]
Résultat :
Ligne 1 - Cellule 1
Ligne 1 - Cellule 2
Ligne 1 - Cellule 3
Ligne 2 - Cellule 1
Ligne 2 - Cellule 2
Ligne 2 - Cellule 3
Vous pouvez également rajouter des arguments dans le BBcode 'table'. Ces derniers sont identiques à ceux utiliser pour le HTML. Vous pouvez par exemple ajouter un contour au tableau ci dessus grâce à l'attribut 'border'.
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]
Résultat :
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'autres attributs disponibles sont par exemple: cellspacing, cellpadding, width, etc. Les tableaux sont à manipuler avec précaution, veillez à bien respecter l'ouverture puis la fermeture des BBcodes. Si une erreur d'ouverture ou fermeture est commise, vous risquerez de ne pas obtenir ce que vous souhaitiez.
Quatre BBcodes produisant des effets sur les messages sont à votre disposition. Néanmoins, ces BBcodes ne sont compatibles que sous Internet Explorer avec un forum en version phpBB2.
La première est une effet miroir vertical (symétrie verticale) sur le texte :
Code:
[flipv]Effet miroir vertical[/flipv]
Résultat : Effet miroir vertical
La deuxième est un effet miroir horizontal (symétrie horizontale) sur votre message :
Code:
[fliph]Effet miroir horizontal[/fliph]
Résultat : Effet miroir horizontal
Si vous souhaitez un effet flou sur votre message, vous pouvez utiliser ce BBcode :
Code:
[blur]Message flou[/blur]
Résultat : Message flou
Le dernier BBcode d'effet est celui du dégradé sous la forme de :
.