Logo Tribu-games.com  
Jeux arcade • Nous Contacter

 
Guide du BBCode
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 taille ou la couleur 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 un langage "à balises" qui vous permet de mettre en forme et d'organiser le texte de vos messages, notes et annonces.
Sur le principe du code HTML, le BBCode s'appuie sur l'ouverture et la fermeture de balises, contenues dans des crochets [ et ], pour délimiter votre texte suivant le modèle [balise]texte[/balise]. Le slash ("/") précédant le nom de la balise indique la fermeture d'une balise préalablement ouverte.
Des explications propres à chacune des balises BBCode sont dispensées plus bas.
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.
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 correspond à des balises permettant d'organiser et mettre en forme votre texte avec clarté, facilité et rapidité.
  • Pour modifier une partie de votre texte en gras, encadrez ce texte avec les balises [b] [/b], exemple:

    [b]Texte en gras[/b] donnera : Texte en gras

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

    [u]Texte souligné[/u] donnera : Texte souligné

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

    [i]Texte en Italique[/i] donnera : Texte en Italique

Revenir en haut
Comment changer la taille ou la couleur d'un texte ?
Gardez à l'esprit que ce qui apparaîtra à l'écran dépendra de votre navigateur, de votre système d'exploitation, de leurs configurations, ainsi que de votre matériel. Pour changer la couleur ou la taille de votre texte, vous pouvez utiliser les balises suivantes :
  • 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]Texte en rouge[/color]

    ou

    [color=#FF0000]Texte en rouge[/color]

    cela donnera Texte rouge.
  • 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 ! 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 X, vous devrez saisir:

    [quote="X"]Texte de X que vous souhaitez citer[/quote]

    Une fois le message posté, le texte de X sera précédé de X 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 du texte sans mise en forme, avec une taille fixe de caractères, en police d'écriture de type Courrier ou bien encore des parties de code informatique sans interprétation (ex : description de balise BBCode) , vous devez encadrez votre texte avec les balises [code][/code], exemple:
    [code][b]Texte en Gras [/b][/code] donnera [b]Texte en Gras [/b] (et non Texte en Gras)
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
Une liste 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é d'une lettre ou d'un chiffre, spécifiant ainsi son numéro d'ordre dans la liste. Pour créer une liste ordonnée avec des items précédés d'une lettre, vous devez encadrez 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éfinie en utilisant [*].
    Exemple de liste ordonnée alpha :

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

    donnera :
  1. Rouge
  2. Bleu
  3. Jaune
    Exemple de liste ordonnée numérique :

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

    donnera :
  1. Rouge
  2. Bleu
  3. Jaune

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 ressources, plus communément appelés URLs (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] permet d'obtenir le lien suivant : 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 en utilisant les balises [url] [/url] de la manière suivante:

    [url]http://www.phpbb.com/[/url] ce qui aura pour résultat : 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 (e-mails). Ainsi, l'usage des balises [email] [/email] pour encadrer une adresse e-mail aura le même résultat que la saisie directe de cette même adresse

    [email]nom@domaine.com[/email] et nom@domaine.com auront tous deux pour résultat nom@domaine.com
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 ci-après n'est pas correct :
    [url=http://www.phpbb.com/][img]http://www.phpbb.com/images/phplogo.gif[/url][/img]

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 les versions actuelles. Mais cela sera rendu possible avec la prochaine version majeure.
Revenir en haut
 


 Aller vers:   
*
Powered by phpBB © 2001, 2002 phpBB Group :: FI Theme

 
 
Statistiques
Statistiques Les membres ont posté un total de 57236 messages sur le forum.
Tribu-Games.com est une communauté de 17983 joueurs dispersés en 7 équipes.
Le dernier joueur inscrit est Popey75. La dernière équipe créée est Olympique des Champions.
Il y a 4 utilisateurs en ligne : 0 membre, 0 invisible et 4 visiteurs
Liste des Rangs : [ Administrateur ]   [ Modérateur ]   [ VIP ]   [ Animateur ]
Record d'utilisateurs en ligne depuis la création de Tribu-Games : 407 le Jeudi 17 Février 2005 14:05
Liste des membres actuellement connectés : Aucun
Ces statistiques sont basées sur les utilisateurs actifs lors des cinq dernières minutes.
 
Copyright