[Tutoriel] Les bbcodes dans les messages

Fondatrice Messages : 227 Date d'inscription : 02/09/2017

[Tutoriel] Les bbcodes dans les messages 706714912

Le BBCode est une implémentation spéciale du HTML; les balises sont entre crochets [ et ] au lieu de < et > que l'on peut utiliser dans vos messages sur le forum avec l’autorisation des administrateurs. Utiliser des bbcodes permet aux autres membres d'avoir envie de lire vos messages, embelli par les bbcodes mais aussi par exemple d'avoir une meilleure note aux devoirs en salle de cours que vous rendez. Ce tutoriel vous permettra d'utiliser facilement quotidiennement les bbcodes d'Alohomora mais il en reste d'autres à découvrir sur d'autres forums.

[Tutoriel] Les bbcodes dans les messages 834574753

[Tutoriel] Les bbcodes dans les messages Text_bold

: Pour mettre le texte en gras, il faut l'encadrer avec :

Code:: [b][/b]

Exemple :

Code:: [b]Gras[/b]

Devient Gras

[Tutoriel] Les bbcodes dans les messages Text_italic

: Pour mettre le texte en italique, il faut l'encadrer avec :

Code:: [i][/i]

Exemple :

Code:: [i]Italique[/i]

Devient Italique

[Tutoriel] Les bbcodes dans les messages Text_underline

: Pour souligner le texte, il faut l'encadrer avec :

Code:: [u][/u]

Exemple :

Code:: [u]Souligner[/u]

Devient Souligner

[Tutoriel] Les bbcodes dans les messages Text_strikethrough

: Pour barrer le texte, il faut l'encadrer avec :

Code:: [strike][/strike]

Exemple :

Code:: [strike]Barrer[/strike]

Devient ~~Barrer~~

[Tutoriel] Les bbcodes dans les messages 297305344

[Tutoriel] Les bbcodes dans les messages Style

: Pour changer la taille du texte, il faut l'encadrer avec :

Code:: [size=][/size]

La taille peu varier mais sur le forum, je vous conseille la taille 10, 13, 16, 18 et 24. Par exemple :

Code:: [size=10]Petit[/size]

Donnera Petit

Code:: [size=24]Géant[/size]

Donnera Géant

[Tutoriel] Les bbcodes dans les messages Color_swatch

: Il existe deux façons de changer la couleur du texte: indiquer un nom de couleur connu (comme red, blue, pink,...) ou bien indiquer un code hexadécimal, c.-à-d. #FFFFFF, #000000. Par exemple, si je veux mon texte en noir :

Code:: [color=noir]Noir[/color]

Code:: [color=#000000]Noir[/color]

Ce qui donnera dans les deux cas Noir.

[Tutoriel] Les bbcodes dans les messages 582004195

[Tutoriel] Les bbcodes dans les messages Text_align_left

: Pour aligner le texte à gauche, il faut l'encadrer avec :

Code:: [left][/left]

Ce qui donnera ceci.

[Tutoriel] Les bbcodes dans les messages Text_align_center

: Pour centrer le texte, il faut l'encadrer avec :

Code:: [center][/center]

Ce qui donnera ceci.

[Tutoriel] Les bbcodes dans les messages Text_align_right

: Pour aligner le texte à droite, il faut l'encadrer avec :

Code:: [right][/right]

Ce qui donnera ceci.

[Tutoriel] Les bbcodes dans les messages Text_align_justify

: Pour justifier le texte, il faut l'encadrer avec :

Code:: [justify][/justify]

Ce qui donnera ceci.

[Tutoriel] Les bbcodes dans les messages 619281856

[Tutoriel] Les bbcodes dans les messages Text_list_bullets

: Pour créer une liste non ordonnée, il faut encadrer le texte avec :

Code:: [list][*][/list]

Par exemple :

Code:: [list][*]Faire mes devoirs
[*]Aller chercher Julie à la danse
[*]Préparer à manger[/list]

Donnera :

Faire mes devoirs
Aller chercher Julie à la danse
Préparer à manger

[Tutoriel] Les bbcodes dans les messages Text_list_numbers

: Pour créer une liste ordonnée, il faut encadrer le texte avec :

Code:: [list=1][*][/list]

Par exemple :

Code:: [list=1][*]Faire mes devoirs
[*]Aller chercher Julie à la danse
[*]Préparer à manger[/list]

Donnera :

Faire mes devoirs
Aller chercher Julie à la danse
Préparer à manger

Pour insérer une ligne après votre texte, mettez-ceci juste après :

Code:: [hr]

Exemple :

[Tutoriel] Les bbcodes dans les messages 238639967

[Tutoriel] Les bbcodes dans les messages Comments

: Pour citer le texte, il faut l'encadrer avec :

Code:: [quote][/quote]

Exemple :

Code:: [quote]J'aimerai être un chat.[/quote]

Donnera

Citation :: J'aimerai être un chat.

[Tutoriel] Les bbcodes dans les messages Page_white_code

: Pour coder le texte, il faut l'encadrer avec :

Code:: [code][/code]

Exemple :

Code:: Code

Pour éviter de spoiler des personnes avec votre texte, encadrez le avec :

Code:: [spoiler][/spoiler]

Exemple :

Spoiler:

Pour cacher votre texte des autres (sauf des admins), encadrez le avec :

Code:: [hide][/hide]

Pour insérer un tableau, mettez ceci :

Code:: [table][tr][td][/td][/tr][/table]

Exemple :

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]

Donnera :

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

[Tutoriel] Les bbcodes dans les messages 549863948

Pour insérer une image, encadrez son URL avec :

Code:: [img][/img]

[Tutoriel] Les bbcodes dans les messages Link

: Pour insérer un lien, encadrez son adresse avec :

Code:: [url=][/url]

Pour insérer un lien dans un texte :

Code:: [url=][url]

02/09/2017

Après de ce que je vois, j'aimerai ajouté un petit truc bien pratique !

Insérer un lien dans un texte

Code:: [url=][url]

Ce qui pourrait donner

Code:: [url=http://alohomora.forumactif.com/]Ce magnifique forum ![/url]

Donnera :
Ce magnifique forum !

Ou bien insérer un lien dans une image :

Code:: [url=][img][/img][/url]

Ce qui pourrait donner

Code:: [url=http://alohomora.forumactif.com/][img]http://orig03.deviantart.net/c658/f/2015/178/f/0/pixel_squid_sisters__callie_by_pkrockinboy-d8z0scw.gif[/img][/url]

[Tutoriel] Les bbcodes dans les messages Pixel_squid_sisters__callie_by_pkrockinboy-d8z0scw

Fondatrice Messages : 227 Date d'inscription : 02/09/2017

Merci de ton aide Lunaë !
C'est ajouté !

[Tutoriel] Les bbcodes dans les messages 17111203131422555415365462

» [Tutoriel] Qu'est-ce que le RPG ou JdR ?
» [Tutoriel] Rendre un excellent devoir
» [TUTORIEL] Que faire sur le site ?
» [TUTORIEL] Se faire des amis
» [TUTORIEL] Rédiger un bon cours !