Tempor'Elle
Afin d'assurer la pérénité de notre forum et un meilleur classement dans l'annuaire grâce à votre contribution, merci de songer à
cliquer / voter " + " sur la bannière du lien figurant sur l'Agora " Le Temps des Invité(e)s ".


Les dons du Présent, pour l'Avenir d'un Monde meilleur.
 
AccueilTempor'ElleFAQRechercherS'enregistrerMembresConnexion
Plutôt que de maudire les ténèbres, allumons une chandelle, si petite soit-elle... Confucius...
Apporter sa pierre à l'édifice de l'Humanité contribue à la noblesse d'un monde meilleur...
Le mental intuitif est un don sacré et le mental rationnel est un serviteur fidèle. Nous avons créé une société qui honore le serviteur et a oublié le don... Albert Einstein...

Guide du BBCode





Introduction
Qu'est-ce que le BBCode ?

Mise en forme du Texte
Créer du texte en gras, italique, souligné et barré
Changer la taille, la couleur ou la police du texte
Puis-je combiner les balises de mise en forme ?

Citation et texte à pas-fixe
Citation dans les réponses
Code ou police à pas-fixe

Création de Listes
Créer une liste non-ordonnée
Créer une liste ordonnée

Création de Liens
Créer un lien vers un autre site

Affichage d'images dans les messages
Ajouter une image à un message
Positionnement du texte

Insérer des médias dans les messages
Ajouter une animation flash à un message
Ajouter une vidéo à un message

Création de tableaux
Créer un tableau dans un message

Défilement d'un message
Faire défiler un message horizontalement
Faire défiler un message verticalement

BBcodes d'apparence
Insérer une ligne
Mettre en indice ou en exposant
BBcodes d'effets

Divers BBcodes
Obtenir un nombre aléatoire

 


Revenir en haut

Revenir en haut

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

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

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 :
    Citation sans référence
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

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

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=http://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]http://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].
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 [url=https://servimg.com/]www.servimg.com[/url].
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:
Code:
[url=http://www.forumactif.com/][img]http://illiweb.com/fa/i/forumactif.png[/img][/url]
Résultat :
[url=https://www.forumactif.com/][/url]
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

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)]http://illiweb.com/fa/i/test_bbcode.swf[/flash]
    Résultat :

  • Deuxièment méthode avec le BBcode embed-flash :
    Code:
    [embed-flash(200,40)]http://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
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 [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]
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

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

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 messageMon deuxième message

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

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

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

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) :
    58


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

Sauter vers: