Le forum d'ActuSF.com Index du forum Le forum d'ActuSF.com

 
 FAQFAQ   RechercherRechercher   MembresMembres   GroupesGroupes   S'enregistrerS'enregistrer 
 ProfilProfil   Se connecter pour voir ses messages privésSe connecter pour voir ses messages privés   ConnexionConnexion 

Guide du BBCode
Introduction
Qu'est ce qu'un BBCode ?

Mise en forme du texte
Comment mettre du texte en gras, en italique ou le souligner ?
Comment changer la taille ou la couleur d'un texte ?
Est il possible d’utiliser plusieurs balises BBCode en même temps?

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 qu'un BBCode ?
Un BBCode est un langage "à balises" qui permet de mettre en forme et de hiérarchiser le texte des messages, des notes ou encre des annonces.
Sur le principe du code HTML, le BBCode s'appuie donc sur l'ouverture et la fermeture des balises qui sont contenues entre des crochets [ et ], afin de délimiter le texte suivant un modèle [balise]texte[/balise]. Le slash ("/") précédant le nom d'une balise indique la fermeture de celle-ci lorsqu'elle a été préalablement ouverte.
Des explications propres à chacune des balises BBCode sont données ci-dessous.
L'activation du BBCode est déterminée par l'administrateur. En outre, vous pouvez si vous le souhaitez désactiver le BBCode dans un message lors de sa composition.
Vous pouvez également rajouter de manière très facile des balises BBCode à vos messages qui seront alors disponible sous la forme de boutons "cliquables" au-dessus de la zone de saisie des messages. Néanmoins, le guide qui suit peut vous être utile.
Revenir en haut

Mise en forme du texte
Comment mettre du texte en gras, en italique ou le souligner ?
Le BBCode correspond à des balises permettant d'organiser et mettre en forme votre texte de manière simple, clair et précise.
  • 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 avec les 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 ?
Vous devez toujours garder à l'esprit que tout ce qui apparaîtra à l'écran sera interprété de manière différente selon votre navigateur, votre système d'exploitation, sa configuration ou bien encore suivant le type de matériel utilisé. Pour changer la couleur ou la taille d’un 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.), vous pouvez également entrer une valeur hexadécimale de la couleur souhaitée (ex : #FFFFFF, #000000). Par exemple, pour créer un texte rouge, encadrez-le comme ceci :

    [color=red]Texte en rouge[/color]

    ou

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

    cela donnera Texte rouge.
  • Pour modifier la taille du texte, procédez de la même façon, en utilisant simplement 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 (tellement 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 d’utiliser plusieurs balises BBCode en même temps?
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 une 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 paragraphe 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. 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 ?
Oui, mais pour cela il vous faudra installer des modifications (plus connu sous le nom de MOD).
Revenir en haut

Toutes les heures sont au format GMT + 1 Heure

Sauter vers:  

?
Powered by phpBB © 2001, 2005 phpBB Group
Traduction par Support-phpBB2.com