Les balises BBcode de Forumactif

Voir le sujet précédent Voir le sujet suivant Aller en bas

  • 0

Tutoriel Les balises BBcode de Forumactif

Message par Pinguino le Mer 14 Nov 2007 - 15:22

Les balises BBcodes de Forumactif


  • Mettre le texte en gras:
    Code:
    [b][/b]
    Résultat

  • Mettre le texte en italique:
    Code:
    [i][/i]
    Résultat

  • Souligner le texte:
    Code:
    [u][/u]
    Résultat

  • Barrer le texte:
    Code:
    [strike][/strike]
    Résultat

  • Aligner du texte à gauche :
    Code:
    [left][/left]
    Résultat

  • Centrer du texte :
    Code:
    [ center][/center]
    Résultat

  • Aligner du texte à droite :
    Code:
    [right][/right]
    Résultat

  • Justifier du texte :
    Code:
    [justify][/justify]
    Résultat

  • Modifier la couleur du texte:
    Code:
    [color=nom de couleur][/color]
    Résultat avec la couleur "red"
    Résultat avec la couleur "green"
    Résultat avec la couleur "blue"

    ou

    Code:
    [color=#hexadecimal][/color]
    Résultat avec la couleur "#FF3300"
    Résultat avec la couleur "#008000"
    Résultat avec la couleur "#0033FF"
    Vous pouvez spécifier soit un nom de couleur reconnu (par exemple : red, blue, yellow, etc...), soit un code couleur hexadécimal (par exemple : #FFFFFF, #0033FF,...)

  • Modifier la taille du texte:
    Code:
    [size=chiffre][/size]

    Résultat taille 9
    Résultat taille 12
    Résultat taille 14
    Résultat taille 16
    Résultat taille 18

  • Changer la police du texte:
    Code:
    [ font=NOM][/font]
    Résultat avec la police "Impact"
    Résultat avec la police "Comic Sans Ms"
    Résultat avec la police "Times New Roman"



  • Liste non-ordonnée (avec puce):
    Code:
    [list][*]Info 1[*]Info 2[/list]
    • Info 1
    • Info 2

  • Liste ordonnée (numérotée) :
    Code:
    [list=1][*]Info 1[*]Info 2[/list]
    1. Info 1
    2. Info 2

  • Liste ordonnée (alphabétique) :
    Code:
    [list=a][*]Info 1[*]Info 2[/list]
    1. Info 1
    2. Info 2

  • List ordonnée (romain) :
    Code:
    [list=i][*]Info 1[*]Info 2[/list]
    1. Info 1
    2. Info 2




  • Pour afficher une citation sans référence :
    Code:
    [quote][/quote]
    Résultat
  • Pour afficher une citation avec référence :
    Code:
    [quote="X"][/quote]
    X a écrit:Résultat
  • Pour afficher un code ou police à pas fixe:
    Code:
    [code][/code]
    Code:
    Résultat





  • Insérer une image :
    Code:
    [img]http://adresse_image[/img]



  • Insérer un lien sur une image :
    Code:
    [url=http://mon_adresse][img]http://adresse_image[/img][/url]





  • Insérer du flash :
    Code:
    [flash(largeur,hauteur)]http://adresse_flash[/flash]


  • Insérer une vidéo YouTube :
    Code:
    [youtube]code - Embed[/youtube]

  • Insérer une vidéo Dailymotion :
    Code:
    [dailymotion]code - lecteur portable[/dailymotion]

  • Pour plus d'informations sur les BBcodes vidéo


  • Insérer un titre
    Code:
    [h2]Mon titre important[/h2]
    [h3]Mon titre un peu moins important[/h3]
    [h4]Mon titre encore un peu moins important[/h4]



  • Pour créer un tableau, il faut 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’ :
    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]

    Ligne 1 - Cellule 1 Ligne 1 - Cellule 2 Ligne 1 - Cellule 3
    Ligne 2 - Cellule 1 Ligne 2 - Cellule 2 Ligne 2 - Cellule 3

  • Créer un tableau avec une bordure :
    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]

    [table border=1] [tr][td] Ligne 1 - Cellule 1
Ligne 1 - Cellule 2 Ligne 1 - Cellule 3
Ligne 2 - Cellule 1 Ligne 2 - Cellule 2 Ligne 2 - Cellule 3

  • Créer un tableau avec bordure sans espace :
    Code:
    [table cellspacing=0 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]

    [table cellspacing=0 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éfilement horizontal : (Autres)
      Code:
      [scroll][/scroll]
      Résultat

    • Défilement vertical : (Autres)
      Code:
      [updown][/updown]
      Résultat



    • Insérer une ligne :
      Code:
      Résultat 1[hr]Résultat 2
      Résultat 1
      Résultat 2

    • Mettre en indice : (Autres)
      Code:
      x[sub]a+b[/sub]
      xa+b

    • Mettre en exposant : (Autres)
      Code:
      2[sup]ème[/sup] jour
      2ème jour

    • Effet miroir sur le texte (symétrie verticale) :
      Code:
      [flipv][/flipv]
      Résultat 

    • Effet miroir sur le texte (symétrie horizontale) :
      Code:
      [fliph][/fliph]
      Résultat 

    • Effet flou :
      Code:
      [blur][/blur]
      Résultat

    • Effet de dégradé :
      Code:
      [fade][/fade]
      Résultat



    • Obtenir un nombre aléatoire en précisant un interval minimum et maximum: (Autres)
      Code:
      [rand]50,100[/rand]

      Nombre aléatoire (50,100) : 70

    • Obtenir un nombre aléatoire en précisant un interval maximum: (Autres)
      Code:
      [rand]50[/rand]

      Nombre aléatoire (1,50) : 26

    • Cacher du texte : (Autres)
      Code:
      [hide][/hide]

      Note: le texte sera caché pour les personnes qui n'ont pas posté dans le sujet.
      En revanche, les administrateurs et les modérateurs verront le texte caché sans avoir à poster dans le sujet.

    • Masquer du contenu : (Autres)
      Code:
      [spoiler][/spoiler]

      Spoiler:
      Résultat


    Les balises peuvent être combinées pour divers effets, néanmoins il faut respecter l'ordre d'ouverture et de fermeture de chaque balise.

    • Attirer l'attention :
      Code:
      [size=18][color=red][b][/b][/color][/size]
      Résultat

    • Syntaxe incorrect :
      Code:
      [u][b]Info[/u][/b]

    • Syntaxe correct :
      Code:
      [u][b]Info[/b][/u]



    Tant que vous respecterez les ouvertures/ fermetures de balises, vous pourrez utiliser toutes les combinaisons possibles pour des effets des plus variés
    [/td][/tr][/table]


    Dernière édition par Walt le Dim 30 Juil 2017 - 14:16, édité 24 fois
    avatar

    Pinguino
    Adminactif
    Adminactif

    Masculin
    Messages : 10365
    Inscrit(e) le : 02/05/2004

    http://www.forumactif.com
    Pinguino a été remercié(e) par l'auteur de ce sujet.

    Voir le sujet précédent Voir le sujet suivant Revenir en haut


    Permission de ce forum:
    Vous ne pouvez pas répondre aux sujets dans ce forum