[Tutoriel] Comment utiliser les BBCode ?

Besoin d'aide ?

[Tutoriel]

Messagepar TeClem8 » 12 Mai 2012 12:48

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.
« Anything that can go wrong, will go wrong » Edward Murphy

Maintenant sur FaceBook !
Mon YouTube
Avatar de l’utilisateur
TeClem8
Administrateur
 
Âge: 22
Messages: 4361
Localisation: Metz


Messagepar TeClem8 » 12 Mai 2012 13:16

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
    « Anything that can go wrong, will go wrong » Edward Murphy

    Maintenant sur FaceBook !
    Mon YouTube
    Avatar de l’utilisateur
    TeClem8
    Administrateur
     
    Âge: 22
    Messages: 4361
    Localisation: Metz


    Messagepar TeClem8 » 12 Mai 2012 17:25

    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 [url][/url] 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.
    « Anything that can go wrong, will go wrong » Edward Murphy

    Maintenant sur FaceBook !
    Mon YouTube
    Avatar de l’utilisateur
    TeClem8
    Administrateur
     
    Âge: 22
    Messages: 4361
    Localisation: Metz


    Messagepar beni » 16 Mai 2012 19:23

    Ç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).
    "Le meilleur moyen de résister à la tentation, c'est d'y céder." Oscar WILDE.
    -----Mon brickset ----- Ma chaine YouTube ----- Mon FaceBook ----- Ma collection, avec en 1er post, des liens vers mes MOCs, MODs et notices.
    Avatar de l’utilisateur
    beni
    Membre
     
    Âge: 34
    Messages: 834
    Localisation: limoges

    Messagepar Marco » 26 Juin 2014 20:54

    Quelqu'un pourait'il créer un tutoriel sur la question "comment poster une vidéo"

    Merci
    Avatar de l’utilisateur
    Marco
    Membre
     
    Âge: 41
    Messages: 80
    Localisation: LA GARDE 83130

    Messagepar GBryan22 » 26 Juin 2014 21:55

    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:
    Avatar de l’utilisateur
    GBryan22
    Membre
     
    Âge: 26
    Messages: 423
    Localisation: Thouarė sur Loire

    Messagepar leo593 » 27 Juin 2014 09:01

    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]
    Ma collection ---- Ma chaine YouTube

    Le hasard fait bien les choses, mais on ne fait jamais de choses bien par hasard …
    Avatar de l’utilisateur
    leo593
    Membre
     
    Âge: 19
    Messages: 1305
    Localisation: Dunkerque


    Retourner vers - FAQ / Tutoriels

    Qui est en ligne

    Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités

    cron