Le Forum Des Souris
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
-50%
Le deal à ne pas rater :
-50% sur les sacs à dos pour ordinateur portable Urban Factory ...
19.99 € 39.99 €
Voir le deal

Mettre en forme son message, les balises

Aller en bas

Mettre en forme son message, les balises Empty Mettre en forme son message, les balises

Message par Le Forum des Souris Mar 23 Juin 2009 - 6:11

Vous avez la possibilité de mettre en forme votre message grâce au langage bbcode.

Le langage bbcode est une simplification du html destiné aux forums.
Le bbcode est actif dans les messages du forum et vous permet de les mettre en page simplement.

Il est plus que conseillé de prévisualiser son message avant de le poster, pour vérifier que vous avez bien le rendu que vous voulez et vérifier qu'il n'y a pas d'erreur de balise.
Merci de rester modérer dans votre mise en forme, certaines couleurs ne se voit pas très bien, n'écrivez pas trop gros. Attention aussi à la tailler des photo (plus d'informations dans le sujet Comment mettre une image).
Evitez aussi d'écrire en rouge, c'est la couleur qu'utilise les modérateurs quand ils éditent les messages.


Les balises se mettent de la sorte [effet]phrase[/effet] et le contenu des crochets diffèrent suivant l'effet que vous voulez donner.
Attention, il faut toujours refermer les balises et respecter leur ordre quand on en met plusieurs, elles s'emboîtent.


Il y a plusieurs techniques pour utiliser les balises :
  • Soit vous cliquez une fois sur le bouton de la fenêtre d'écriture du message, vous tapez votre phrase et vous recliquez pour refermer la balise.
  • Soit vous écrivez votre texte, vous sélectionnez ensuite ce qui doit être mis en page et cliquer sur le bouton.
  • Soit vous marquez les balises à la main au fur et à mesure.


Toutes les possibilités de mise en page ne sont pas dans la fenêtre d'écriture du message.
Je vais vous donner la liste de certaines d'entre elle.

  • En gras
    Exemple
    Code:
    [b]Exemple[/b]
  • Souligner
    Exemple
    Code:
    [u]Exemple[/u]
  • Italique
    Exemple
    Code:
    [i]Exemple[/i]
  • Barrer
    Exemple
    Code:
    [strike]Exemple[/strike]
  • Aligner à gauche
    Exemple

    Code:
    [left]Exemple[/left]
  • Aligner à droite
    Exemple

    Code:
    [right]Exemple[/right]
  • Centrer
    Exemple

    Code:
    [center]Exemple[/center]
  • Justifier
    Exemple

    Code:
    [justify]Exemple[/justify]
  • Modifier la couleur avec le nom
    Exemple
    Code:
    [color=red]Exemple[/color]
  • Modifier la couleur avec le code
    Exemple
    Code:
    [color=#FF3300]Exemple[/color]
  • Modifier la taille du texte
    Exemple
    Code:
    [size=15]Exemple[/size]
  • Modifier la police du texte
    Exemple
    Code:
    [font=comic sans ms]Exemple[/font]
  • Mettre en spoiler
    Spoiler:
    Code:
    [spoiler]Exemple[/spoiler]
  • Faire défiler horizontalement
    Exemple
    Code:
    [scroll]Exemple[/scroll]
  • Faire défiler verticalement
    Exemple
    Code:
    [updown]Exemple[/updown]
  • Liste avec des puces
    • Exemple
    • Exemple

    Code:
    [list][*]Exemple[*]Exemple[/list]
  • Liste numérotée
    1. Exemple
    2. Exemple

    Code:
    [list=1][*]Exemple[*]Exemple[/list]
  • Liste alphabétique
    1. Exemple
    2. Exemple

    Code:
    [list=a][*]Exemple[*]Exemple[/list]
  • Citer avec ou sans référence, mais vous avez un bouton exprès quand vous lisez les messages, idem pour les citations multiples (il suffit de cliquer sur citation multiple sur tous les messages que l'on veut citer puis sur répondre)
    Exemple
    X a écrit:Exemple
    Code:
    [quote]Exemple[/quote]
    [quote="X"]Exemple[/quote]
  • Mettre en lien
    https://souris.forumactif.com/index.forum
    Code:
    [url]http://souris.forumactif.com/index.forum[/url]
  • Mettre un lien sur une phrase
    Le forum des Souris
    Code:
    [url=http://souris.forumactif.com/index.forum]Le forum des Souris[/url]
  • Mettre en email
    misspikachu@live.fr
    Code:
    [email]misspikachu@live.fr[/email]
  • Mettre une image (attention à la taille!)
    Mettre en forme son message, les balises RadF9E8D
    Code:
    [img]http://images2.photomania.com/728057/1/radF9E8D.gif[/img]
  • Mettre un lien sur une image
    Mettre en forme son message, les balises RadF9E8D
  • Mettre une vidéo You tube, il faut copier son code

    Code:
    [youtube]code de la vidéo[/youtube]
  • Mettre une vidéo Dailymotion, il faut copier le code et le nom, ce qui apparaît sur l'adresse internet de la page

    Code:
    [dailymotion]fin de l'adresse de la vidéo[/dailymotion]
  • Créer un tableau sans bordure
    table pour tableau, tr pour ligne et td pour cellule
    Ligne 1 - Cellule 1 Ligne 1 - Cellule 2 Ligne 1 - Cellule 3
    Ligne 2 - Cellule 1 Ligne 2 - Cellule 2 Ligne 2 - Cellule 3
    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]
  • Créer un tableau avec bordure
    Ligne 1 - Cellule 1 Ligne 1 - Cellule 2 Ligne 1 - Cellule 3
    Ligne 2 - Cellule 1 Ligne 2 - Cellule 2 Ligne 2 - Cellule 3
    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]
  • Créer un tableau avec bordure sans espace
    Ligne 1 - Cellule 1 Ligne 1 - Cellule 2 Ligne 1 - Cellule 3
    Ligne 2 - Cellule 1 Ligne 2 - Cellule 2 Ligne 2 - Cellule 3
    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]


  • On peut combiner les effets si on positionne bien les balises :
    Gras italique qui défile
    Exemple
    Code:
    [scroll][b][i]Exemple[/i][/b][/scroll]



A vos claviers. Wink
Le Forum des Souris
Le Forum des Souris
Souris en Chef
Souris en Chef

Féminin
Nombre de messages : 112
Age : 19
Date d'inscription : 07/07/2004

Revenir en haut Aller en bas

Revenir en haut


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