Guide : Liste des BBCodes
Guide : Liste des BBCodes
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
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
Commande "B" : Texte en gras
La balise "B" permet de mettre le texte encapsulé en gras
Exemple:
Commande "I" : Texte en italique
La balise "I" permet de mettre le texte encapsulé en italique
Exemple:
Commande "U" : Texte souligné
La balise "U" permet de souligner le texte encapsulé
Exemple:
Commande "color" : Colorier le texte
La balise "color" permet de colorier un texte dans n'importe quelle couleur
Exemple:
Commande "size" : Changer la taille du texte
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 :
Commande "centre" : Centrer le texte
La balise "centre" permet de centrer un texte
Exemple:
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 :
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
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é
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
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]
Il y a trois manières de choisir sa couleur :Cette année sera l'année des rouges
- 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)
Commande "size" : Changer la taille du texte
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%)
Code : Tout sélectionner
Jean Denis Delétraz est le plus [size=150]grand pilote[/size] 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.Jean Denis Delétraz est le plus grand pilote de tous les temps
Commande "centre" : Centrer le texte
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
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" :Yuji Ide est le plus grand pilote de tous les temps
Code : Tout sélectionner
Yuji Ide est [b][color=#FF0000][u][i]le plus grand pilote[/i][/u][/color][/b] de tous les temps
À part ça, l'ordre des balises n'a pas vraiment d'importance.Yuji Ide est le plus grand pilote de tous les temps
Commandes de blocs de texte
Commande "Quote" : Citation de texte
La balise "quote" permet de mettre le texte encapsulé sous la forme de citation
Exemple:
Commande "Code" : Texte exemple
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:
Commande "Spoiler" : Texte caché
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:
Lewis Hamilton a gagné le GP d'Australie
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]
Il est aussi possible d'ajouter une valeur dans la balise ouvrante pour attribuer un auteur à la citation"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."
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]
À 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.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."
Commande "Code" : Texte exemple
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é
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]
Commandes de listes
Commande "list" : Liste
La commande "list" permet de créer une liste d’éléments. L'ajout d'élément se fait grâce à la balise "*" ()
Exemple:
Commande "list=1" : Liste numérotée
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 "*" ()
Exemple:
La commande "list" permet de créer une liste d’éléments. L'ajout d'élément se fait grâce à la balise "*" ()
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
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 "*" ()
Exemple:
Code : Tout sélectionner
[list=1]
[*] Lewis Hamilton
[*] Sebastian Vettel
[*] Max Verstappen
[*] Fernando Alonso
[/list]
- Lewis Hamilton
- Sebastian Vettel
- Max Verstappen
- Fernando Alonso
Commandes de liens et media
Commande "url" : Ajout d'un lien
La commande "url" permet de mettre un lien redirigeant vers un autre site
Exemple:
Exemple:
Commande "img" : Ajout d'une image
La commande "img" permet d'ajouter une image provenant d'Internet à votre post.
Exemple:
Commande "media" : Ajout d'une vidéo ou d'un statut d'un réseau social
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:
Exemple d'une vidéo sans balise media:
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
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]
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
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