Introduction
Qu'est-ce que le BBCode ?
Le BBCode est une implémentation spéciale du HTML.
Le BBCode en lui-même
est similaire au style du HTML, les balises sont contenues
dans des crochets [ et ] à la place de < et >, et offrent
un meilleur contrôle sur la manière dont quelque chose doit être
affiché. Vous
pourrez facilement rajouter du BBCode à vos textes à travers
une interface de boutons cliquables au-dessus de la zone de
texte lors de la composition de votre message. Toutefois, le
guide qui suit pourra vous être utile.
Mise en forme du texte
Créer du texte en gras, italique et souligné
Le BBCode comprend des balises qui
vous permettent de changer rapidement le style de votre texte.
Cela se réalise des manières suivantes :
- Pour rendre une partie de texte
en gras, placez le dans [b][/b], exemple:
[b]Salut[/b]
donnera Salut
- Pour souligné un texte, utilisez [u][/u],
par exemple:
[u]Bonjour[/u]
donnera Bonjour
- Pour mettre un texte en italique,
utilisez [i][/i], exemple:
C'est [i]Super![/i]
donnera C'est Super!
Changer la taille ou la couleur du texte
Pour changer la couleur ou la taille
de votre texte, les balises suivantes peuvent êtres utilisées
:
- Le changement de la couleur
du texte se réalise en le plaçant dans [color=][/color].
Vous pouvez spécifier soit un nom de couleur reconnu
(ex: red, blue, yellow, etc.), ou soit un code couleur
hexadecimal, ex: #FFFFFF, #000000. Par exemple, pour
créer du texte en rouge, vous pouvez utiliser:
[color=red]Salut ![/color]
ou
[color=#FF0000]Salut ![/color]
donneront tous deux Salut !
- Le changement de la taille de
votre texte se réalise de la même manière que pour
la couleur en utilisant [size=][/size]. Cette
balise est dépendant du modèle de document que vous
utilisez, mais le format recommandé est une valeur
numérique représentant la taille du texte en pixels,
de 1 (tellement petit que vous le verrez pas) jusqu'à 29
(très grand). Par exemple:
[size=9]PETIT[/size]
donnera PETIT
alors que:
[size=24]ENORME ![/size]
donnera ENORME !
Puis-je combiner les balises de mise en forme ?
Oui, bien sûr que vous pouvez, par exemple
pour attirer l'attention de quelqu'un, vous devriez écrire
:
[size=18][color=red][b]REGARDEZ MOI !
[/b][/color][/size]
ce qui devrait donner
REGARDEZ MOI !
Néanmoins, nous ne vous recommandons pas d'écrire beaucoup
de texte comme ci-dessus ! Rapplez-vous que c'est à vous
de vous assurer de fermer les balises correctement. Par exemple,
ce qui suit est incorrect :
[b][u]Ceci est incorrect
[/b][/u]
Création de listes
Créer une liste non-ordonnée
Le BBCode supporte deux types de listes :
les listes non-ordonnées et les listes ordonnées. Elles sont
essentiellement identiques à leurs équivalents en HTML. Une
liste non-ordonnée produit une liste dont les entrées sont
les uns en-dessous des autres et indentées avec une puce. Pour
créer une liste non-ordonnée, utilisez
[list][/list] et
définissez chaque entrée à l'intérieur de la liste en utilisant
[*].
Par exemple, pour établir une liste de vos couleurs favorites,
vous pouvez utiliser:
[list]
[*]Rouge
[*]Bleu
[*]Jaune
[/list]
Cela donnera la liste suivante:
Créer une liste ordonnée
Le second type de liste vous donne le
contrôle sur ce qui va être affiché avant chaque entrée. Pour
créer une liste ordonnée, vous devez utiliser
[list=1][/list] pour
créer une liste numérotée ou alternativement
[list=a][/list] pour
une liste alphabétique. Comme pour les listes non-ordonnées,
les entrées sont spécifiées en utilisant
[*]. Par exemple:
[list=1]
[*]Faire les magasins
[*]Acheter un nouvel ordinateur
[*]Injurier son ordinateur lorsqu'il plante
[/list]
donnera ce qui suit:
- Faire les magasins
- Acheter un nouvel ordinateur
- Injurier son ordinateur lorsqu'il
plante
Alors que pour une liste alphabétique,
vous devez utiliser:
[list=a]
[*]La première réponse possible
[*]La seconde réponse possible
[*]La troisième réponse possible
[/list]
donnera:
- La première réponse possible
- La seconde réponse possible
- La troisième réponse possible
Création de liens
Créer un lien vers un autre site
Le BBCode supporte plusieurs
méthodes pour créer des liens, plus connus sous le sigle URLs.
- La première méthode utilise les
balises [url=][/url], tout ce que vous taperez
après le signe = sera considéré comme le nom du lien.
Par exemple pour créer un lien vers Hec.fr vous devez
utiliser:
[url=http://www.jeuxvideopc.com]Visitez le site
JeuxVideoPC.com ![/url]
Ceci générera le lien suivant :Visitez le site
JeuxVideoPC.com !
Vous
remarquerez que le lien ouvre une nouvelle fenêtre,
l'utilisateur peut donc continuer à parcourir le site
s'il le souhaite.
- Si vous voulez que le lien affiche
directement l'URL, vous devez simplement utiliser:
[url]http://www.jeuxvideopc.com[/url]
Ceci donnera le lien suivant :http://www.jeuxvideopc.com
- De plus, phpBB (le système utilisé sur les forums de
JeuxVideoPC.com) possède
une fonctionnalité appelée Magic
Links. Celle-ci convertira automatiquement une
URL en un lien cliquable sans que vous ayez à insérer
une balise BBCode ou http://.
Par exemple, en tapant
http://www.jeuxvideopc.com dans votre message, celui-ci
sera automatiquement convertit en http://www.jeuxvideopc.com lorsque vous
le lirez.
- La même chose s'applique aux adresses
email, vous pouvez soit spécifier une adresse email explicitement,
par exemple:
[email]personne@domaine.com[/email]
qui donnera personne@domaine.com
ou
soit en tapant personne@domaine.com dans votre texte et
sera automatiquement convertit lorsque vous le lirez.
Comme pour toutes les balises BBCode
entourez tout autre balise comme
[img][/img] (reportez-vous à la
partie suivante),
[b][/b], etc. Comme pour les balises
de mise en forme, c'est à vous de vous assurer que l'ordre
des balises d'ouverture et de fermeture est correct, par exemple:
[url=http://www.jeuxvideopc.com.com/][img]http://www.jeuxvideopc.com/images/maquette/haut_logo_centre.gif
[/url][/img]
n'est pas correct, faites donc attention.
Affichage d'images dans les textes
Ajouter une image à un texte de paragraphe
Le BBCode inclut une balise pour incorporer
facilement des images dans votre texte. Deux points importants à retenir
lors de l'utilisation de cette balise sont que premièrement,
beaucoup d'utilisateurs n'apprécient guère un trop plein d'images
dans un texte et que, deuxièmement, l'image que vous voulez
afficher doit déjà être disponible sur internet (si elle provient
de votre disque dur, il faut que vous l'ayiez uploadé sur
un serveur). Pour afficher
une image, vous devez entourer l'URL qui pointe vers l'image
avec les balises
[img][/img].
Par exemple:
[img]http://www.jeuxvideopc.com/images/maquette/haut_logo_centre.gif
[/img]
Comme noté ci-dessus dans la section Création de Liens, vous
pouvez placer une image dans les balises
[url][/url] si
vous le souhaitez, exemple:
[url=http://www.jeuxvideopc.com][img]http://www.jeuxvideopc.com/images/maquette/haut_logo_centre.gif
[/img][/url]
devrait donner:
Divers
Puis-je ajouter mes propres balises ?
Non, cela est impossible. Mais il est tout à fait possible
d'entrer directement du code HTML (par exp, pour insérer
un tableau dans la page).
Sommaire de l'aide sur le BBCode
Top
partenaires :