Guide du 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. 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.

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:

Code:

[b]Salut[/b]

Résultat: Salut
Pour souligner un texte:

Code:

[u]Bonjour[/u]

Résultat: Bonjour
Pour mettre un texte en italique:

Code:

[i]Super![/i]

Résultat: Super!
Pour barrer un texte:

Code:

[strike]test[/strike]

Résultat: ~~test~~

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]

Résultat: Police Arial ou Police Comic Sans Ms

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:

Code:: [b][u]Ceci est incorrect[/b][/u]

La forme qui convient est :

Code:: [b][u]Ceci est correct[/u][/b]

Il y a deux méthodes pour citer un texte, avec ou sans référence.

L'exemple de la référence, pour citer un texte écrit par M. Dupont, vous devrez entrer:

Code:

[quote="M. Dupont"]Le texte écrit par M. Dupont devra être placé ici[/quote]

Résultat :
M.Dupont a écrit:Le texte écrit par M. Dupont devra être placé ici

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 :

Code:

[quote]Citation sans référence[/quote]

Résultat :

Citation :

Citation sans référence

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.

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 :

Code:

[list][*]Rouge[*]Bleu[*]Jaune[/list]

Résultat :
- Rouge
- Bleu
- Jaune

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 :
1. Faire les magasins
2. Acheter un nouvel ordinateur
3. 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 :
1. La première réponse possible
2. La seconde réponse possible
3. La troisième réponse possible

Le BBCode supporte plusieurs méthodes pour créer des liens, plus connus sous le sigle URLs.

Première méthode, par exemple pour créer un lien vers forumactif.com vous devez utiliser :

Code:

[url=https://www.forumactif.com/]Visitez forumactif.com ![/url]

Résultat : [url=https://www.forumactif.com/]Visitez forumactif.com ![/url].
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]https://www.forumactif.com/[/url]

Résultat : [url]https://www.forumactif.com/[/url]
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 : [url=https://www.forumactif.com/]www.forumactif.com[/url].

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 [url=https://servimg.com/]www.servimg.com[/url].
Pour afficher une image, vous devez procéder comme ceci :

Code:: [img]https://2img.net/i/fa/i/forumactif.png[/img]

Résultat :
FAQ - Forum Le CBNA Forumactif

.
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:

Code:: [url=https://www.forumactif.com/][img]https://2img.net/i/fa/i/forumactif.png[/img][/url]

Résultat :
[url=https://www.forumactif.com/] FAQ - Forum Le CBNA Forumactif

[/url]

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.

Vous disposez de deux méthodes pour insérer une animation flash dans votre message.

Première méthode avec le BBcode flash:

Code:

[flash(200,40)]https://illiweb.com/fa/i/test_bbcode.swf[/flash]

Résultat :
Deuxièment méthode avec le BBcode embed-flash :

Code:

[embed-flash(200,40)]https://illiweb.com/fa/i/test_bbcode.swf[/embed-flash]

Résultat :

N'oubliez pas indiquer la largeur puis la hauteur de l'animation flash entre les parenthèses de la balise BBcode utilisée.

Vous pouvez poster dans vos messages des vidéos que vous rencontrez sur l'un de ces deux sites :

Le premier site est [url=https://www.youtube.com]Youtube[/url]. Vous devez copier le code l'identifiant de la vidéo, situé après "https://www.youtube.com/watch?v=" pour youtube (https://www.youtube.com/watch?v=id_de_la_vidéo) procéder ainsi :

Code:

[youtube]id_de_la_vidéo[/youtube]
Le deuxièment site est [url=https://www.dailymotion.com]Dailymotion[/url]. Vous devez copier le code se trouvant dans le champ "Permalien" de l'onglet "Exporter" pour dailymotion ("http://dai.ly/id_de_la_vidéo) et procéder ainsi :

Code:

[dailymotion]id_de_la_vidéo[/dailymotion]

N'oubliez pas de copier le code entre les deux balises bbcodes correspondant à l'hébergeur que vous avez choisi.
Exemples :

Code:: [youtube]aodfHjZTVIM[/youtube]

Code:: [dailymotion]xj0tgh[/dailymotion]

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 :[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]
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.

Si vous désirez faire défiler un texte horizontalement,vous devez utilisez le BBcode suivant :

Code:: [scroll]Mon message[/scroll]

Résultat : Mon message

La deuxième façon de faire défiler un texte est verticalement grâce au BBcode suivant :

Code:: [updown]Mon message[/updown]

Résultat : Mon message

Si vous souhaitez aérer votre message en y insérant des lignes, vous pouvez utiliser ce BBcode :

Code:: Mon premier message[hr]Mon deuxième message

Résultat :
Mon premier messageMon deuxième message

Si vous souhaitez mettre du texte en indice ou exposant (utile pour les maths), deux BBcodes vous sont proposés :

Première méthode, pour mettre en indice :

Code:

x[sub]a+b[/sub]

Résultat : x
Deuxième méthode, mettre en exposant :

Code:

2[sup]ème[/sup] jour

Résultat : 2_ème jour

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 :

Code:

[fade]Effet de dégradé[/fade]

Résultat : Effet de dégradé

Si vous désirez obtenir un nombre aléatoire selon un intervalle, vous pouvez utiliser le BBcode suivant :

Premier cas d'utilisation, l'intervalle est spécifié au minimum et maximum :

Code:

[rand]50,100[/rand]

Résultat :
Nombre aléatoire (50,100) :
83
Deuxième cas d'utilisation, l'intervalle est spécifié au maximum :

Code:

[rand]50[/rand]

Résultat:
Nombre aléatoire (1,50) :
16