Les Balises Bbcode - Topic

Member

Posts: 149,794

Joined: May 8 2005

Gold: 5,100.00

Jan 28 2008 05:47am

Tuto complet des BBcode

Un grand merci à Master3921 pour ce tuto, traduit par RamasseTonDrum et corrigé/completé par TrIvIuM[plh].

Voici un petit tuto sur comment utiliser les BBCode correctement.
BBCode est juste une alternative (plus courte) aux tags HTLM, utilisé dans les forums.

BBCode utilise toujours la même syntaxe :
[TAGNAME]texte à modifier par le tag ici[/TAGNAME]
It can also be stuffed like this
[TAGNAME1]texte [TAGNAME2]autre texte[/TAGNAME2][/TAGNAME1]
Il faut toujours fermer en premier la dernière balise ouverte.
[TAGNAME1][TAGNAME2][TAGNAME3]I love BBCode[/TAGNAME3][/TAGNAME2][/TAGNAME1]

Les codes suivants sont disponibles sur d2jsp et expliqués dans l'ordre:
1. Bold
2. Underlined
3. Italic
4. Center
5. Size
6. Color
7. Cancelled
8. Images
9. Email
10.Font
11.Url-Masking
12.Quote
13.Code
14.List
15.Arranged list
16.Youtube links

1. Bold fait apparaître votre texte en gras.
USAGE :

Code

[b]Bold text here[/b]

2.Underlined : fait apparaître votre texte en souligné.
USAGE :

Code

[u]underlined text here[/u]

3.italic : fait apparaître votre texte en italique.
USAGE :

Code

[i]italic text here[/i]

4.centered text
Fait apparaître le texte centré sur la page.
USAGE :

Code

[center]the text you want to be centered here[/center]

5.Sized text : Modifie la taille de la police.
USAGE :

Code

[size=X]text with size x here[/size]

Important : sur d2jsp, la taille normale est 1. En choisissant x > 1 votre texte sera plus grand.
En choisissant x < 1 le texte apparaîtra plus petit.
Le plus petit possible est 0. Le plus grand est 23. Plus x sera grand, plus le texte sera gros.

6.Colored text
USAGE :

Code

[color=x]colored text here[/color]

On peut sélectionner beaucoup de couleurs différentes, en voici la liste :
http://www.colordic.org/colorsample/991900.html
Vous pouvez aussi regarderici pour les couleurs.
On peut aussi utiliser le code HEX avec les balises de couleur.
USAGE :

Code

[color=#RRGGBB]text here[/color]

RR pour rouge. GG pour vert. BB pour bleu.
En mettant une valeur vous spécifiez quelle proportion de la couleur vous voulez mettre. En effet, toutes les couleurs sont faites à partir du rouge, du vert et du bleu.
Valeur minimum : 00, valeur maximum : FF.
Exemple :

Code

[color=#FF0000]Red Text[/color]

On a ici la valeur maximum pour le rouge, et minimum pour les autres. Donc on obtient un rouge pur.

7.~~Cancelled text~~
USAGE :

Code

[s]cancelled text here[/s]

8.IMAGES : Pour afficher des images vous devez utiliser le tag [IMG].
USAGE :

Code

[img]url of picture here[/img]

Guide sur comment poster des images : ici
needs to be modified with new version later

9. EMAIL : njaguar@d2jsp.org. Pour afficher une adresse email.
USAGE :

Code

[email]emailadress[/email]

10.Fonts
Pour changer la police.
USAGE :

Code

[font=X]text with font X here[/font]

Une liste de polices peut être trouvée ici : http://ekhelp.com/bbcode-colors-and-fonts.html

11. MASKING LINKS. Link to Njaguar's profile
Pour masquer un lien.
USAGE :

Code

[url=LINKhere]Texte qui doit apparaître à la place du lien[/url]

IMPORTANT: Vous pouvez faire des liens masqués UNIQUEMENT si ce sont des liens de d2jsp.
Vous ne pouvez pas masquer des liens extérieurs à d2jsp, il n'apparaîtront pas masqués.

12.Pour citer d'autres personnes.
USAGE :

Code

[quote]texte à citer[/quote]

USAGE2:

Code

[QUOTE=NICK,JOUR, DATE au format JOUR MOIS ANNEE (e.g. 15 Feb 2002) , HEURE]texte cité[/QUOTE]

13.

Code

Texte dans la balise CODE.

Très utile pour faire apparaître l'utilisation d'autre tags : en effet, le texte dans le tag CODE sera retranscrit tel quel, sans smiles ni modifications de texte dues à d'autres tags.
USAGE :

Code

[*code]text here without stars both the times but I cannot make it visible elsewise[*/code]

Enfin, vous pouvez aussi faire des listes.
Il y a deux types de listes.

14.Unarranged, normal lists

Code

My offerlist
[list]
[*]Harlecin Crest
[*]Jewellers Monarch of Equilibrium
[*]Jah Rune
[/list]

Le texte apparaîtra comme ceci :

My offerlist

Harlecin Crest
Jewellers Monarch of Equilibrium
Jah Rune

15.Arranged lists.
Vous pouvez aussi faire des listes arrangées.

Code

My offerlist
[list=A]
[*]Harlecin Crest
[*]Jewellers Monarch of Equilibrium
[*]Jah Rune
[/list]

Ce qui donnera :
My offerlist

Harlecin Crest
Jewellers Monarch of Equilibrium
Jah Rune

On peut faire cela aussi enumeré

Code

My offerlist
[list=1]
[*]Harlecin Crest
[*]Jewellers Monarch of Equilibrium
[*]Jah Rune
[/list]

Ce qui donnera

Harlecin Crest
Jewellers Monarch of Equilibrium
Jah Rune

16.Liens Youtube

Vous pouvez maintenant ajouter des liens youtube dans vos posts.
USAGE :

Code

[youtube]Lien de la vidéo ici[/youtube]

This post was edited by Master3921 on Jan 28 2008 05:57am