Guide du BBCode

Introduction

Qu'est-ce que le 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.
Revenir en haut Revenir en haut

Mise en forme du Texte

Créer du texte en gras, italique, souligné et barré
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
Revenir en haut Revenir en haut

Changer la taille, la couleur ou la police du texte
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
Revenir en haut Revenir en haut

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 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]
Revenir en haut Revenir en haut

Citation et texte à pas-fixe

Citation dans les réponses
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 sans référence
Revenir en haut Revenir en haut

Code ou police à pas-fixe
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.
Revenir en haut Revenir en haut

Création de Listes

Créer une liste non-ordonnée
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

Revenir en haut Revenir en haut

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, 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
Revenir en haut Revenir en haut

Création de Liens

Créer un lien vers un autre site
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 : Visitez forumactif.com ! .
    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 : https://www.forumactif.com/

  • 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 : www.forumactif.com .
Revenir en haut Revenir en haut

Affichage d'images dans les messages

Ajouter une image à un message
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 www.servimg.com .
Pour afficher une image, vous devez procéder comme ceci :
Code:
[img]https://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:
Code:
[url=https://www.forumactif.com/][img]https://illiweb.com/fa/i/forumactif.png[/img][/url]
Résultat :
Revenir en haut Revenir en haut

Positionnement du texte
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.

Revenir en haut Revenir en haut

Insérer des médias dans les messages

Ajouter une animation flash à un message
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.
Revenir en haut Revenir en haut

Ajouter une vidéo à un message
Vous pouvez poster dans vos messages des vidéos que vous rencontrez sur l'un de ces deux sites :
  • Le premier site est Youtube . 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 Dailymotion . 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]
Revenir en haut Revenir en haut

Création de tableaux

Créer un tableau dans un message
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.
Revenir en haut Revenir en haut

Défilement d'un message

Faire défiler un message horizontalement
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
Revenir en haut Revenir en haut

Faire défiler un message verticalement
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
Revenir en haut Revenir en haut

BBcodes d'apparence

Insérer une ligne
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 message
Mon deuxième message

Revenir en haut Revenir en haut

Mettre en indice ou en exposant
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 a+b

  • Deuxième méthode, mettre en exposant :
    Code:
    2[sup]ème[/sup] jour
    Résultat : 2 ème jour

Revenir en haut Revenir en haut

BBcodes d'effets
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é
Revenir en haut Revenir en haut

Divers BBcodes

Obtenir un nombre aléatoire
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) : 64


  • Deuxième cas d'utilisation, l'intervalle est spécifié au maximum :
    Code:
    [rand]50[/rand]
    Résultat:
    Nombre aléatoire (1,50) : 1
Revenir en haut Revenir en haut

Sauter vers: