il Campiello :: Guide du BBCode

il Campiello
Le site forum des passionnés de Venise

FAQ

Recherche

Membres

Groupes

Inscription

Profil

Se connecter pour vérifier ses messages privés

Connexion

Forums il Campiello

Guide du BBCode

Introduction
Qu'est-ce que le BBCode ?

Mise en forme du texte
Comment rendre le texte en gras, en italique, ou le souligner ?
Comment changer la couleur ou la taille d'un texte ?
Est il possible de combiner les balises BBCode?

Citation et différence de largeur du texte.
Citation dans la réponse.
Texte brut, ou partie de code

Créer des listes
Créer une liste non-ordonnée
Créer une liste ordonnée

Créer des liens
Créer un lien vers un autre site

Afficher une image dans un message
Ajouter une image dans un message

D'autres problèmes ?
Est-il possible d'ajouter et d'utiliser mes propres balises ?

Introduction

Qu'est-ce que le BBCode ?
Le BBCode est une implémentation spéciale du HTML. L'activation du BBCode est déterminée par l'administrateur. En outre, vous pouvez désactiver le BBCode dans un message lors de sa composition. Sur le principe du code HTML, le BBCode se réalise sur l'ouverture et la fermeture de balises, contenues dans des crochets [ et ] aussi bien que < et > et offre une multitude de fonctions. Vous pourrez facilement rajouter des balises BBCode à vos messages au travers d'une interface de boutons "cliquables" au-dessus de la zone de saisie des messages. Toutefois, le guide qui suit pourra vous être utile.
Revenir en haut

Mise en forme du texte

Comment rendre le texte en gras, en italique, ou le souligner ?
Le BBCode comprend des balises permettant de changer rapidement le style de votre texte. Voici comment :

Pour modifier une partie de votre texte en gras, encadrez ce texte avec les balises [b] [/b], exemple:

[b]Bonjour[/b]

donnera : Bonjour
Pour souligner une partie de votre texte, encadrez ce texte des balises [u] [/u], par exemple :

[u]Bonjour[/u]

donnera : Bonjour
Pour mettre une partie de texte en italique, encadrez ce texte avec les balises [i] [/i], exemple:

[i]Génial ![/i]

donnera : Génial !

Revenir en haut

Comment changer la couleur ou la taille d'un texte ?
Pour changer la couleur ou la taille de votre texte, vous pouvez utiliser les balises suivantes. Gardez à l'esprit que ce qui apparaîtra à l'écran dépendra de votre navigateur et de votre système :

Pour rendre une partie de votre texte en couleur, encadrez-la par les balises [color=][/color]. Vous devez spécifier un nom de couleur reconnu (ex : red, blue, yellow, etc. pour rouge, bleu, jaune, etc.) ou en employant comme alternative la valeur hexadécimale de la couleur (ex : #FFFFFF, #000000). Par exemple, pour créer un texte rouge, encadrez-le comme il suit :

[color=red]Bonjour ![/color]

ou

[color=#FF0000]Bonjour ![/color]

Les deux donneront : Bonjour !.
Pour changer la taille du texte, procédez de la même façon, en utilisant les balises [size=][/size]. Ces balises dépendent du thème utilisé, mais les valeurs que vous pouvez employer sont des valeurs numériques représentant la taille du texte en pixels, allant de 1 (si petit que le texte sera illisible) jusqu'à 29 (très grand). Par exemple :

[size=9]petit[/size]

donnera petit

alors que :

[size=24]ENORME[/size]

donnera ENORME.

Revenir en haut

Est il possible de combiner les balises BBCode?
Oui, bien sûr. Par exemple, pour attirer l'attention sur ce que vous venez d'écrire, encadrez-le par :

[size=18][color=red][b]REGARDEZ MOI ![/b][/color][/size]

ce qui donnera REGARDEZ MOI !

Nous vous déconseillons d'abuser de ce type de messages, bien qu'il vous soit possible d'en créer. N'oubliez pas que c'est à vous, membre utilisateur, de vous assurer que les balises sont correctement fermées. Par exemple, ce qui suit est incorrect :

[b][u]Ceci est faux ![/b][/u]
Revenir en haut

Citation et différence de largeur du texte.

Citation dans la réponse.
Il y a deux méthodes pour citer tout ou partie d'un message : avec ou sans référence.

La première méthode consiste à utiliser le bouton "Citer" pour répondre à un message. Le message cité est automatiquement ajouté dans la zone de texte et encadré par les balises [quote=""] et [/quote]. Cette méthode vous permet de citer un message avec une référence à son auteur ou ce que vous aurez choisi de mettre. Par exemple, pour citer une partie du texte écrit par Mr Bloody, vous devrez saisir:

[quote="Mr Bloody"]Texte que Mr Bloody a écrit.[/quote]

Une fois le message posté, le texte de Mr Bloody sera précédé de Mr Bloody a écrit:.
Souvenez-vous que vous devez encadrer la référence que vous citez par des guillemets "". Ils ne sont pas optionnels.

La seconde méthode vous permet de citer un texte sans faire référence à son auteur. Pour l'utiliser, encadrez le texte à citer par les balises [quote] et [/quote]. Le message cité sera simplement précédé de la mention Citation.

Revenir en haut

Texte brut, ou partie de code
Pour afficher dans vos messages des parties de code informatique, du texte sans mise en forme, avec une taille fixe de caractères, en police d'écriture de type Courrier, vous devez encadrer votre texte avec les balises [code][/code], exemple:

[code]

[/code]

Toute mise en forme utilisée dans les balises [code][/code] sera donc ignorée.

Revenir en haut

Créer des listes

Créer une liste non-ordonnée
Le BBCode permet de créer deux types de listes : les listes non-ordonnées et les listes ordonnées. Elles sont quasi identiques à leurs équivalents en HTML. Une liste non-ordonnée affichera chaque item les uns à la suite des autres dans l'ordre de saisie. Chaque item de la liste sera précédé par une puce. Pour créer une liste non-ordonnée, utilisez les balises [list] [/list] et définissez chaque item à l'intérieur de la liste en utilisant [*]. Par exemple, pour établir une liste de vos couleurs favorites, saisissez:

[list]
[*]Rouge
[*]Bleu
[*]Jaune
[/list]

Vous obtiendrez :

Rouge
Bleu
Jaune

Revenir en haut

Créer une liste ordonnée
Le second type de liste , une liste ordonnée, vous donnera la possibilité de déterminer quel type de puce vous voulez. Pour créer une liste ordonnée avec des items précédés d'une lettre, vous devez encadrer votre texte des balises [list=a][/list]. De la même manière, pour créer une liste ordonnée avec des items précédés d'un chiffre, utilisez les balises [list=1][/list]. Comme pour les listes non-ordonnées, chaque item est défini en utilisant [*]. Exemple :

[list=1]
[*]Brique
[*]Béton
[*]Galandage
[/list]

donnera :

Brique
Béton
Galandage

[list=a]
[*]Réponse A
[*]Réponse B
[*]Réponse C
[/list]

donnera :

Réponse A
Réponse B
Réponse C

Revenir en haut

Créer des liens

Créer un lien vers un autre site
Le BBCode offre plusieurs possibilités pour créer des liens hypertextes vers d'autres pages, appelés URIs (pour Uniform Resource Indicators).

La première méthode consiste à utiliser les balises [url=][/url]. Tapez l'adresse vers laquelle pointera votre URL après le signe '=' comme dans l'exemple suivant :

[url=http://www.phpbb.com/]Visitez phpBB ![/url]

donnera : Visitez phpBB ! Vous noterez que la page web vers laquelle pointe votre lien s'ouvrira dans une nouvelle fenêtre, ce qui permet à l'utilisateur de continuer à utiliser le forum à sa convenance.

Vous pouvez également afficher l'adresse de votre lien lui-même de la manière suivante:

[url]http://www.phpbb.com/[/url]

donnera : http://www.phpbb.com/

En outre, phpBB intègre la technologie Magic Links. Cette technologie permet de rendre active toute URL correcte sans avoir à utiliser les balises BBCode ou la faire précéder de http://. Par exemple, en saisissant www.phpbb.com dans votre message, celui-ci sera automatiquement reconnu comme un lien actif : www.phpbb.com.

Cette règle s'applique également aux adresses de courrier électroniques :

[email]nom@domaine.com[/email]

Donnera : nom@domaine.com et nom@domaine.com écrit sans balises aura le même résultat.

Enfin, ces balises BBCode peuvent être combinées avec d'autres balises comme [img][/img] (voir paragaphe suivant), [b][/b], etc... Dans ce cas, veillez à l'ordre d'ouverture des balises et assurez vous de fermer les balises correctement.
Ainsi, l'exemple :

[url=http://www.phpbb.com/][img]

[/url][/img]

n'est pas correct.
Revenir en haut

Afficher une image dans un message

Ajouter une image dans un message
Le BBCode possède aussi des balises pour inclure des images dans vos messages. Vous devez vous souvenir de deux choses très importantes lorsque vous utiliserez ces balises ! Premièrement, beaucoup d'utilisateurs n'apprécient pas voir apparaitre un nombre important d'images dans les messages. Deuxièmement, l'image que vous voulez afficher doit obligatoirement se trouver sur Internet (elle ne doit pas se trouver sur votre ordinateur, par exemple, sauf si vous postez depuis un ordinateur qui fait office de serveur web !). Il est actuellement impossible d'afficher des images depuis votre ordinateur avec un forum phpBB comme fourni dans le fichier d'installation (des solutions sont succeptibles de se trouver dans la prochaine version de phpBB). Pour afficher une image, vous devez mettre de part et d'autre de l'URL pointant vers l'image les balises [img][/img]. Par exemple :

[img]http://www.phpbb.com/images/phplogo.gif[/img]

Comme noté dans la section traitant des liens, vous pouvez aussi utiliser votre image pour comme lien en utilisant les balises [url] et [/url] si vous le désirez. Exemple :

[url=http://www.phpbb.com/][img]http://www.phpbb.com/images/phplogo.gif[/img][/url]

donnera :

Revenir en haut

D'autres problèmes ?

Est-il possible d'ajouter et d'utiliser mes propres balises ?
Non, pas dans la version de base. Mais cela est rendu possible moyennant l'installation d\'un mod.
Revenir en haut

Les heures sont au format GMT + 1 heure

Aller vers: