Page 1 sur 1

Comment utiliser les BBCode ?

Posté : 12 mai 2012 13:48
par TeClem8
Qu’est-ce que le BBCode?
Le BBCode est une variation spéciale du HTML. Le BBCode permet de modifier rapidement la forme du texte grâce aux méthodes suivantes :
Le fonctionnement est très simple. Il vous suffit de sélectionner votre texte et de cliquer sur l'un des boutons au-dessus de votre zone de texte. La balise encadrera alors automatiquement votre sélection.
Notez qu'en les survolants, une petite aide s'affiche.
Si vous êtes novice, je vous conseille de placer ces balises seulement après la rédaction de votre message.

Le gras, l’italique et le souligné :
  • Cliquez sur B pour mettre en gras votre texte, exemple:

    Code : Tout sélectionner

    [b]Salut[/b]
    devient Salut
  • Utilisez i pour l’italique, exemple:

    Code : Tout sélectionner

    C’est [i]génial![/i]
    donne C’est génial!
  • Utilisez u pour souligner votre texte, exemple:

    Code : Tout sélectionner

    [u]Bonjour[/u]
    devient Bonjour

Changer la couleur et la taille du texte :

Pour modifier la couleur ou la taille de votre texte, vous pouvez utiliser les balises suivantes. Gardez à l’esprit que cette partie doit être utilisé de façon modéré.
  • Vous pouvez changer la couleur d’un texte en l’encadrant entre les balises [color=][/color]. Vous pouvez indiquer un nom de couleur connu (comme: red, blue, yellow, etc.) ou bien indiquer un code hexadécimal, c.-à-d. #FFFFFF, #000000. Par exemple, pour du texte rouge:

    Code : Tout sélectionner

    [color=red]Salut![/color]
    
    [color=#FF0000]Salut![/color]
    afficheront tous les deux Salut!
  • Vous pouvez changer la taille du texte de façon analogue avec les balises [size=][/size]. Cette balise dépend du thème utilisé mais le format recommandé est une valeur numérique représentant la hauteur du texte en pourcentage, à partir de 20 (tellement petit que vous ne pourrez pas le voir) jusqu’à 200 (très grand). Par exemple:

    Code : Tout sélectionner

    [size=40]PETIT[/size]
    sera affiché PETIT

    Alors que,

    Code : Tout sélectionner

    [size=200]ENORME![/size]
    donnera ENORME!

Notez que vous pouvez combiner des balises :

Code : Tout sélectionner

[size=200][color=red][b][i]BricTechnic ![/i][/b][/color][/size]
ce qui donne BricTechnic !

Attention toutefois à ne pas en abuser! Retenez aussi que c’est à vous, l’auteur, de vous assurer que les balises sont correctement fermées.

Re: Comment utiliser les BBCode ?

Posté : 12 mai 2012 14:16
par TeClem8
Citer du texte dans les réponses :

Vous utilisez la fonction de citation pour répondre à un message sur le forum. En haut de chaque message, il y a un bouton "citer". Il vous suffit de cliquer dessus, pour que la zone d’édition s'ouvre.
Il est important de citer un message quand on veut y réagir. Cela permet aux autres membres de comprendre facilement votre référence sans avoir à relire tout le sujet.
Pour les grands messages, il est préférable de garder uniquement le plus important. Idem pour les images, il faut les supprimer.

Principe de fonctionnement de la Quote :

Code : Tout sélectionner

[quote="MiniFig"]Le texte de MiniFig ira ici[/quote]
MiniFig a écrit :Le texte de MiniFig ira ici
Création de liste :

- Création d’une liste non ordonnée :

Le BBCode gère deux types de listes: ordonnées ou non. Elles sont les mêmes que leur équivalent HTML. Une liste non ordonnée affiche chaque élément de la liste séquentiellement l’un après l’autre, chacun indenté par une puce. Utilisez
    pour créer une liste non ordonnée et définissez chaque élément avec [*]. Par exemple, pour la liste de vos couleurs préférées, utilisez:

    Code : Tout sélectionner

    [list]
    [*]Rouge
    [*]Bleu
    [*]Jaune
    [/list]
    Ce qui générera la liste suivante:
    • Rouge
    • Bleu
    • Jaune

    - Création d’une liste ordonnée :

    Le deuxième type de liste, la liste ordonnée, vous permet de décider de ce qui s’affiche avant chaque élément. Utilisez list=1 pour créer une liste ordonnée numérotée ou list=a pour une liste alphabétique. Comme pour les listes non ordonnées, les éléments sont indiqués avec [*]. Par exemple:

    Code : Tout sélectionner

    [list=1]
    [*]Des LEGOs à gogo
    [*]Acheter un nouvel ordinateur
    [*]Acheter des LEGOs à gogo (encore)
    [/list]
    affichera :
    1. Des LEGOs à gogo
    2. Acheter un nouvel ordinateur
    3. Acheter des LEGOs à gogo (encore)

    Alors que pour une liste alphabétique, vous utiliserez:

    Code : Tout sélectionner

    [list=a]
    [*]Réponse 1
    [*]Réponse 2
    [*]Réponse 3
    [/list]
    et vous obtiendrez :
    1. Réponse 1
    2. Réponse 2
    3. Réponse 3

    Re: Comment utiliser les BBCode ?

    Posté : 12 mai 2012 18:25
    par TeClem8
    Les liens et images

    - Liens vers un autre site :

    Le BBCode permet de créer des liens cliquables de différentes façons.
    • La première est d’utiliser les balises [*url=][/url], ce que vous taperez après le signe = se comportera comme une URL. Par exemple, pour un lien vers BricTechnic, vous pouvez utiliser:

      Code : Tout sélectionner

      Hey, [url=http://forum.brictechnic.fr]visitez BricTechnic ![/url]
      Hey, visitez BricTechnic !

      Vous noterez que le lien s’ouvre soit dans la même fenêtre, soit dans une nouvelle fenêtre selon les préférences du navigateur.
    • Si vous désirez que l’URL elle-même soit affichée comme un lien, vous pouvez simplement utiliser:

      Code : Tout sélectionner

      [url]http://forum.brictechnic.fr[/url]
      Ce qui générera le lien, http://forum.brictechnic.fr, depuis la mise à jour, il n'est plus obligatoire d'encadrer un lien ou une adresse de messagerie par ces balises.
    • Comme avec toutes les balises BBCode, vous pouvez encapsuler avec des URL d’autres balises. Par exemple une image qui donne une redirection !

      Code : Tout sélectionner

      [url=Votrelien][img]Votreimage(lien)[/img][/url]

    - Ajout d’une image dans un message :

    Le BBCode permet d’inclure des images dans vos messages à l’aide d’une balise. Il y a deux choses importantes à se rappeler lors de l’utilisation de cette balise qui sont d’une part, que la taille de l'image doit respecter une taille de 800px, et d’autre part, que l’image affichée doit être disponible sur Internet

    Pour afficher une image, vous devez encadrer son URL entre des balises . Par exemple:

    Code : Tout sélectionner

    [img]http://www.google.com/intl/en_ALL/images/logo.gif[/img]
    Comme noté ci-dessus, vous pouvez entourer l’image entre des balises si désiré, exemple:

    Code : Tout sélectionner

    [url=http://www.google.com/][img]http://www.google.com/intl/en_ALL/images/logo.gif[/img][/url]
    affichera :
    Image <= Cliquable.


    - Ajout d’une vidéo dans un message :

    Pour les vidéos, le fonctionnement est exactement le même. Il vous suffit d'encadrer le lien de votre vidéo avec la balise vidéo.

    Code : Tout sélectionner

    [video]Lien de la vidéo[/video]
    ou

    Code : Tout sélectionner

    [youtubeHD]lien de la video[/youtubeHD]


    Tuto réadapté de phpBB.

    Re: Comment utiliser les BBCode ?

    Posté : 16 mai 2012 20:23
    par beni
    Ça c'est trop cool, je viens de me rendre compte de la boulette que je faisait pour éditer une liste et du coup ça ne marchait pas. pffff
    Voilà qui est rentré dans l'ordre, premier post de ma collection édité :smile: , ça va être plus facile pour ajouter les sets maintenant. :Top2: (je les classe par autre de référence).

    Comment poster une vidéo

    Posté : 26 juin 2014 21:54
    par Marco
    Quelqu'un pourait'il créer un tutoriel sur la question "comment poster une vidéo"

    Merci

    Posté : 26 juin 2014 22:55
    par GBryan22
    Pour poster une vidéo il faut utiliser les BBcodes ( video ) et placer au centre l'adresse internet de ta vidéo et le tour est joué en tout cas c'est la façon que j'utilise :wink:

    Posté : 27 juin 2014 10:01
    par leo593
    Pour poster cette vidéo dont l'url est "https://www.youtube.com/watch?v=WJpHsFribzM" , tu places juste l'url dans les balises video (en non YouTube) du forum :

    Code : Tout sélectionner

    [video]https://www.youtube.com/watch?v=WJpHsFribzM[/video]
    Ce qui donne :

    [video]https://www.youtube.com/watch?v=WJpHsFribzM[/video]