Page 1 sur 1

Guide : Liste des BBCodes

Posté : dim. 11 févr. 2018 6:58
par JTarJ
Les BBCodes sont des balises permettant de mettre en forme votre post, le nouveau thème les présentent sous la forme d’icônes donc il se peut que vous soyez un peu désorientés quand vous cherchez votre BBCode, toutefois passer votre souris par dessus un des boutons vous affichera une tooltip vous indiquant à quelle BBcode correspond le bouton.

J'en profite quand même pour revenir aux bases et faire ce guide pour décrire les fonctionnalités de chaque commande.

Sommaire

à rédiger

Commandes de mise en forme de texte

Posté : dim. 11 févr. 2018 7:19
par JTarJ
Commande "B" : Texte en gras

Image

La balise "B" permet de mettre le texte encapsulé en gras

Exemple:

Code : Tout sélectionner

Yuji Ide est [b]le plus grand pilote[/b] de tous les temps
Yuji Ide est le plus grand pilote de tous les temps

Commande "I" : Texte en italique

Image

La balise "I" permet de mettre le texte encapsulé en italique

Exemple:

Code : Tout sélectionner

Andrea Moda était vraiment une écurie de [i]haut niveau ![/i]
Andrea Moda était vraiment une écurie de haut niveau !

Commande "U" : Texte souligné

Image

La balise "U" permet de souligner le texte encapsulé

Exemple:

Code : Tout sélectionner

Le fameux [u]moteur Life[/u] était capable de déployer une puissance phénoménale
Le fameux moteur Life était capable de déployer une puissance phénoménale

Commande "color" : Colorier le texte

Image

La balise "color" permet de colorier un texte dans n'importe quelle couleur

Exemple:

Code : Tout sélectionner

Cette année sera l'année des [color=red]rouges[/color]
Cette année sera l'année des rouges
Il y a trois manières de choisir sa couleur :
  • Soit en choisissant une couleur dans la palette qui s'affiche lorsqu'on clique sur le bouton de la commande
  • Soit en tapant le nom anglais de la couleur après le = dans la balise ouvrante (cf. exemple ci-dessus)
  • Soit en tapant le code RGB hexadécimal de la couleur après le = dans la balise ouvrante (ex : #FF0000 pour la couleur rouge)
Pour les noms des couleurs, voici la liste des noms à priori supportés


Commande "size" : Changer la taille du texte

Image

La balise "size" permet de changer la taille du texte, la commande se présent sous la forme d'une liste déroulante proposant 5 choix :
  • Très petite (25%)
  • Petite (50%)
  • Normale (100%)
  • Grande (150%)
  • Très grande (200%)
Exemple:

Code : Tout sélectionner

Jean Denis Delétraz est le plus [size=150]grand pilote[/size] de tous les temps
Jean Denis Delétraz est le plus grand pilote de tous les temps
Il est aussi possible de changer la valeur du nombre dans la balise ouvrante, mais la taille maximale est de 200.


Commande "centre" : Centrer le texte

Image

La balise "centre" permet de centrer un texte

Exemple:

Code : Tout sélectionner

[centre]Williams est une écurie de milieu de grille[/centre]
Williams est une écurie de milieu de grille

Note supplémentaire

Il est tout à fait possible de combiner ces balises pour avoir un texte ayant plusieurs mises en forme à la fois, par exemple :

Code : Tout sélectionner

Yuji Ide est [b][u][i][color=#FF0000]le plus grand pilote[/color][/i][/u][/b] de tous les temps
Yuji Ide est le plus grand pilote de tous les temps
Vous noterez la subtilité, le texte, en rouge, est souligné en noir, pour que le texte soit souligné en rouge il faut mettre la balise "color" avant la balise "u" :

Code : Tout sélectionner

Yuji Ide est [b][color=#FF0000][u][i]le plus grand pilote[/i][/u][/color][/b] de tous les temps
Yuji Ide est le plus grand pilote de tous les temps
À part ça, l'ordre des balises n'a pas vraiment d'importance.

Commandes de blocs de texte

Posté : dim. 11 févr. 2018 7:45
par JTarJ
Commande "Quote" : Citation de texte

Image

La balise "quote" permet de mettre le texte encapsulé sous la forme de citation

Exemple:

Code : Tout sélectionner

[quote]"Je vais avoir 84 ans à la fin de l'année et je dois me poser la question si je veux, quand j'aurai 85 ans, faire ce que je fais depuis je ne sais plus combien d'années. Je dois y penser sérieusement. Le plus important est de savoir quand accrocher ses gants de boxe. Pour ne pas monter sur le ring une fois de trop."[/quote]
"Je vais avoir 84 ans à la fin de l'année et je dois me poser la question si je veux, quand j'aurai 85 ans, faire ce que je fais depuis je ne sais plus combien d'années. Je dois y penser sérieusement. Le plus important est de savoir quand accrocher ses gants de boxe. Pour ne pas monter sur le ring une fois de trop."
Il est aussi possible d'ajouter une valeur dans la balise ouvrante pour attribuer un auteur à la citation

Code : Tout sélectionner

[quote="Bernie Ecclestone"]"Je vais avoir 84 ans à la fin de l'année et je dois me poser la question si je veux, quand j'aurai 85 ans, faire ce que je fais depuis je ne sais plus combien d'années. Je dois y penser sérieusement. Le plus important est de savoir quand accrocher ses gants de boxe. Pour ne pas monter sur le ring une fois de trop."[/quote]
Bernie Ecclestone a écrit :"Je vais avoir 84 ans à la fin de l'année et je dois me poser la question si je veux, quand j'aurai 85 ans, faire ce que je fais depuis je ne sais plus combien d'années. Je dois y penser sérieusement. Le plus important est de savoir quand accrocher ses gants de boxe. Pour ne pas monter sur le ring une fois de trop."
À noter que lorsque vous cliquer sur le bouton de citation d'un post d'un autre membre, le nouveau post inclura par défaut la citation du post en question avec comme auteur le pseudo du membre ayant écrit le post.


Commande "Code" : Texte exemple

Image

La balise "code" permet de "désactiver" le texte encapsulé, toutes les commandes et balises intégrées entre les balises "code" seront ignorées

Exemple:

Code : Tout sélectionner

Ceci est un [b]exemple[/b] de balise [i]code[/i]

Commande "Spoiler" : Texte caché

Image

La balise "spoiler" permet de cacher un texte dans un bloc, cliquer sur le bouton "Afficher" permet d'afficher le contenu du bloc, cliquer sur le bouton "Masquer" permet de cacher à nouveau le contenu du bloc.

Exemple:

Code : Tout sélectionner

[spoiler]Lewis Hamilton a gagné le GP d'Australie[/spoiler]
SPOILER
SPOILER_SHOW
Lewis Hamilton a gagné le GP d'Australie

Commandes de listes

Posté : dim. 11 févr. 2018 7:50
par JTarJ
Commande "list" : Liste

Image

La commande "list" permet de créer une liste d’éléments. L'ajout d'élément se fait grâce à la balise "*" (Image)

Exemple:

Code : Tout sélectionner

[list]
[*] Lewis Hamilton
[*] Sebastian Vettel
[*] Max Verstappen
[*] Fernando Alonso
[/list]
  • Lewis Hamilton
  • Sebastian Vettel
  • Max Verstappen
  • Fernando Alonso

Commande "list=1" : Liste numérotée

Image

L'ajout de l'option "=1" sur la balise ouvrante de list permet de créer une liste ordonnée. L'ajout d'élément se fait grâce à la balise "*" (Image)

Exemple:

Code : Tout sélectionner

[list=1]
[*] Lewis Hamilton
[*] Sebastian Vettel
[*] Max Verstappen
[*] Fernando Alonso
[/list]
  1. Lewis Hamilton
  2. Sebastian Vettel
  3. Max Verstappen
  4. Fernando Alonso

Commandes de liens et media

Posté : dim. 11 févr. 2018 8:02
par JTarJ
Commande "url" : Ajout d'un lien

Image

La commande "url" permet de mettre un lien redirigeant vers un autre site

Exemple:

Code : Tout sélectionner

[url]www.forum-f1.fr[/url]
Il est aussi possible d'encapsuler le lien dans la balise ouvrante afin d'afficher un texte à la place d'un lien

Exemple:

Code : Tout sélectionner

[url=www.forum-f1.fr]Venez visiter ce super forum[/url]

Commande "img" : Ajout d'une image

Image

La commande "img" permet d'ajouter une image provenant d'Internet à votre post.

Exemple:

Code : Tout sélectionner

[img]https://imgur.com/7YPuet9.jpg[/img]
Image
Attention, votre image doit être hébergée sur Internet pour que ça fonctionne, vous ne pouvez pas utiliser une image provenant de votre ordinateur. Il existe bon nombre de sites d'hébergement d'images gratuits.


Commande "media" : Ajout d'une vidéo ou d'un statut d'un réseau social

Image

La commande "media" permet d'ajouter un media dans votre post, que ce soit une vidéo (provenant de Youtube, Dailymotion, Vimeo...) ou un statut d'un réseau social (Facebook, Instagram, Twitter...)

Exemple d'une vidéo:

Code : Tout sélectionner

[media]http://www.youtube.com/watch?v=3BSmwO5aT88[/media]
Exemple d'un tweet:

Code : Tout sélectionner

[media]https://twitter.com/SauberF1Team/status/957908865965871104[/media]
Exemple d'un post Instagram:

Code : Tout sélectionner

[media]https://www.instagram.com/p/BeiGlHahSLN/[/media]
Mais en réalité, la magie de cette commande c'est qu'elle n'a pas besoin d'être tapée pour que le forum intègre directement votre vidéo ou votre statut:
Exemple d'une vidéo sans balise media:

Code : Tout sélectionner

https://vimeo.com/43233380