TUTORIAL - Les Bases du BBCode

    Partagez
    avatar
    Le Grand Archiviste
    Admin
    Admin

    Humeur : Divine
    Date d'inscription : 30/04/2014
    Messages : 117

    TUTORIAL - Les Bases du BBCode

    Message par Le Grand Archiviste le Mar 1 Juil - 0:31

    D'abord, quelques généralités:

    • La balise s'applique jusqu'à sa fermeture, ainsi pas besoin de mettre chaque ligne du paragraphe en gras, simplement ouvrir la balise au début et la fermer a la fin du texte.
    • Pour appliquer rapidement une fonction: sélectionner le texte et cliquer sur le bouton souhaité. Les balises vont automatiquement s'ouvrir au début de la sélection et se fermer a la fin.
    • Il est possible d'imbriquer certaines balises et donc d'appliquer plusieurs modifications ( comme "en Gras" et  "Justifier")_____Imbriquer des balises permet d'appliquer plusieurs traitements au texte ou à un objet, mais il y a quelques détails à connaître:


      • Même si ce n'est pas indispensable, il vaut mieux fermer les balises dans l'ordre inverse d'ouverture:
        Code:
        [1][2][3]texte/objet[/3][/2][/1]



      • Exemple:

        Code:
        [u][b][i]Extrait du Chapitre 1 de "CANDIDE OU L'OPTIMISME" de VOLTAIRE[/i][/b][/u]


      • Donne:

        Extrait du Chapitre 1 de "CANDIDE OU L'OPTIMISME" de VOLTAIRE

        Ceci pour minimiser le risque d'erreur et/ou de conflits lors de posts complexes (comme ce post).
      • Il peu y avoir des conflits entre des balises même si elles sont correctement placées. Ceci est rare et ne se produit que lorsque un grand nombre de balise imbriquées sont présentes).
      • Enfin, il est conseillé de passer par la fonction "Pré-visualiser" avant de poster pour s'assurer de l'absence d'erreur de balise.
        Note: Je me suis déjà trouvé confronter à une pré-visualisation correcte et un post qui présente un conflit, c'est très rare, mais sachez que c'est possible.






    Sommaire:
    Dans l'ordre de la barre d'outils:

    Mettre en Gras
    Mettre en Italique
    Souligner le texte
    Barré le texte

    Aligner à Gauche
    Centrer le texte
    Aligner à droite
    Justifier le texte

    Liste (puces)
    Liste ordonnée (numéros ou lettres)
    Tirer un trait (insérer une ligne)

    Citation
    Code (insertion d'éléments normalement non affichés)
    Insérer un tableau

    Héberger une image
    Insérer une image
    Insérer un hyperlien
    Insérer du flash
    Insérer une vidéos

    Taille du texte
    Couleur du texte
    Police du texte

    Dans Autres
    Mettre du texte en Indice
    Mettre du texte en Exposant:
    Masquer une partie (Spoiler)
    Cacher du texte
    Faire défiler des éléments horizontalement
    Faire défiler des éléments verticalement
    Nombre aléatoire
    Afficher des objet WoW (World of Warcraft)

    Aide

    Fermer les Balises

    Basculer en mode édition






    Mettre en Gras:

    Bouton
    Code
    Code:
    s'ouvre avec [b] et se ferme avec [/b]



    Mettre en Italique:

    Bouton
    Code
    Code:
    s'ouvre avec [I] et se ferme avec [/I]



    Souligner le texte:

    Bouton
    Code
    Code:
    s'ouvre avec [u] et se ferme avec [/u]



    BarrÈ le texte:

    Bouton
    Code
    Code:
    s'ouvre avec [strike] et se ferme avec [/strike]



    Aligner ‡ Gauche:

    Bouton
    Code
    Code:
    s'ouvre avec [left] et se ferme avec [/left]
    note: utile pour les langues s'Ècrivant de droite a gauche.



    Centrer le texte:

    Bouton
    Code
    Code:
    s'ouvre avec [center] et se ferme avec [/center]



    Aligner ‡ droite:

    Bouton
    Code
    Code:
    s'ouvre avec [right] et se ferme avec [/right]



    Justifier le texte:

    Bouton
    Code
    Code:
    s'ouvre avec [justify] et se ferme avec [/justify]



    Liste (puces):

    Bouton
    Code
    Code:
    s'ouvre avec [list] et se ferme avec [/list]. Chaque ÈlÈment est listÈ avec [*]
    [*]


    [*]

    En une liste:

    Code:
    [list][*]Élément 1
    [*]Élément 2
    [*]Élément 3
    [*]Élément 4...[/list]

    [*]

    Note: Il est possible de sauter une ligne entre les éléments pour plus de clarté.

    En plusieurs listes (permet de l'espacement):

    Code:
    [list][*]Élément 1[/list]
    [list][*]Élément 2[/list]
    [list][*]Élément 3[/list]
    [list][*]Élément 4...[/list]




    [*]

    Liste ordonnée (numéros ou lettres):

    Bouton
    Code
    Code:
    s'ouvre avec [list=1] ou [list=a] et se ferme avec [/list]. Chaque élément est listé avec [*]

      La date/heure actuelle est Mer 22 Nov - 0:01