Aide sur les balises BBCode
Publié : 18 juin 2009, 13:12
Ci dessous une aide pour utiliser au mieux les différentes balises.
Balises de formatage de texte
Le code suivant :
Donne le résultat suivant :
bold
italic
underlined
size 150
Le paramètre de size indique en pourcent la taille de la police.
Pour la couleur, le plus simple est de choisir par les boutons de rédaction, bien que le changement de couleur soit déconseillé. Imaginez que l'on change la couleur de fond du forum, le texte peut devenir complètement illisible... À moins de l'utiliser dans sa signature, il sera très fastidieux de traquer les textes illisibles et les modifier.Pour la mise en page il est donc préférable d'utiliser les balises ci-dessus.
Les listes
Pour créer une liste on utilise le code suivant :
Ce qui donne :
Qui donnent :
Et on peut même imbriquer des listes (bien que je ne pense pas qu'on en aura pas besoin souvent) :
La balise code sert à afficher du code brut comme pour les exemple de code de ce message par exemple, pour que les balises BBcode ne soient pas interprétées mais affichées.[/code]
Donne
Citations
Les citations s'utilisent automatiquement avec le bouton citer, mais autant savoir s'en servir pour les dupliquer, les modifier...
Donne le résultat suivant :
Liens et images
Pour les images c'est simple, il suffit d'indiquer l'url de l'image entre les balises. Par exemple
Par contre si vous connaissez la taille de l'image il est préférable d'utiliser la balise image :
Ce code demande l'affichage de l'image en la dimensionnant en 300x150 pixels. Ceci permet de prévoir des espaces blancs pour l'affichage de l'image avant même qu'elle commence à charger, ce qui règle le problème de la perturbation de la mise en page lors du chargement.
Elle peut également être utilisée pour faire des redimensionnements. Même si elle peut avoir le même effet qu'une miniature, l'usage à cet effet est déconseillé car la petite image est en fait l'originale, et gardera donc son poids original et son temps de chargement. (une miniature d'une photo de 1Mo aussi ridiculement petite soit elle fera toujours 1Mo, alors qu'une vraie miniature sera peut être 10 fois moins lourde)
Pour les liens, on peut soit utiliser le lien directement, soit indiquer un texte de remplacement :
Ce qui donne :
http://www.jeuxdeliens.fr
Le forum Jeux de Liens
Pour faire une image cliquable (une miniature qui ouvre la grande image au clic) on utilise une combinaison de url et img (ou mieux image pour fixer la taille de l'image miniature)
Affiche maminiature.jpg avec un lien vers magrandeimage.jpg quand on clique dessus.
Texte caché
Pour un spoiler, la réponse à une devinette ou d'autres choses où un contenu ne doit pas être visible directement, on utilise la balise hidden.
Donne :
[hidden]Et en plus on regarde quand même
(ce n'est pas le texte indiqué dans le code du dessus)[/hidden]
On peut mettre d'autres balises pour formater le contenu caché.
Il y a aussi une variante pour changer le texte affiché devant le bouton :
Donne :
Comme pour quote il ne faut pas oublier les " ". Il est par contre impossible d'ajouter des balises dans ce texte personnalisé, donc pas de formatage spécial.
Et voilà, vous savez à peu près tout sur les balises du forum.
Ce guide est amené à évoluer avec le temps, d'autres balises peuvent s'ajouter au fil des besoins et modifications
Bonne rédaction !
Balises de formatage de texte
Le code suivant :
Code : Tout sélectionner
[b]bold[/b]
[i]italic[/i]
[u]underlined[/u]
[size=150]size 150[/size]
bold
italic
underlined
size 150
Le paramètre de size indique en pourcent la taille de la police.
Pour la couleur, le plus simple est de choisir par les boutons de rédaction, bien que le changement de couleur soit déconseillé. Imaginez que l'on change la couleur de fond du forum, le texte peut devenir complètement illisible... À moins de l'utiliser dans sa signature, il sera très fastidieux de traquer les textes illisibles et les modifier.Pour la mise en page il est donc préférable d'utiliser les balises ci-dessus.
Les listes
Pour créer une liste on utilise le code suivant :
Code : Tout sélectionner
[list]ligne 1
ligne 2[/list]
- ligne 1
ligne 2
Code : Tout sélectionner
[list][*]ligne 1[/*][*]ligne 2[/*][/list]
- ligne 1
- ligne 2
Code : Tout sélectionner
[list=1][*]ligne 1[/*][*]ligne 2[/*][/list]
[list=a][*]ligne 1[/*][*]ligne 2[/*][/list]
[list=A][*]ligne 1[/*][*]ligne 2[/*][/list]
[list=i][*]ligne 1[/*][*]ligne 2[/*][/list]
[list=I][*]ligne 1[/*][*]ligne 2[/*][/list][/list]
- ligne 1
- ligne 2
- ligne 1
- ligne 2
- ligne 1
- ligne 2
- ligne 1
- ligne 2
- ligne 1
- ligne 2
Et on peut même imbriquer des listes (bien que je ne pense pas qu'on en aura pas besoin souvent) :
Code : Tout sélectionner
[list=I][*]1er chapitre
[list=A][*] grand A
[*]grand B[/list]
[*]2e chapitre[/list]
- 1er chapitre
- grand A
- grand B
- 2e chapitre
La balise code sert à afficher du code brut comme pour les exemple de code de ce message par exemple, pour que les balises BBcode ne soient pas interprétées mais affichées.
Code : Tout sélectionner
[code]Exemple d'usage de la balise [b]bold[/b]
Donne
Code : Tout sélectionner
Exemple d'usage de la balise [b]bold[/b]
Les citations s'utilisent automatiquement avec le bouton citer, mais autant savoir s'en servir pour les dupliquer, les modifier...
Code : Tout sélectionner
[quote="Un membre du forum"]C'est celui qui le dit qui l'est[/quote]
Il ne faut pas oublier les " " autour du nom de l'auteur, sinon on obtient une citation annonymeUn membre du forum a écrit :C'est celui qui le dit qui l'est
Liens et images
Pour les images c'est simple, il suffit d'indiquer l'url de l'image entre les balises. Par exemple
Code : Tout sélectionner
[img]http://www.chezmoi.com/monimage.jpg[/img]
Code : Tout sélectionner
[image=300*150]http://www.chezmoi.com/monimage.jpg[/image]
Elle peut également être utilisée pour faire des redimensionnements. Même si elle peut avoir le même effet qu'une miniature, l'usage à cet effet est déconseillé car la petite image est en fait l'originale, et gardera donc son poids original et son temps de chargement. (une miniature d'une photo de 1Mo aussi ridiculement petite soit elle fera toujours 1Mo, alors qu'une vraie miniature sera peut être 10 fois moins lourde)
Pour les liens, on peut soit utiliser le lien directement, soit indiquer un texte de remplacement :
Code : Tout sélectionner
[url]http://www.jeuxdeliens.fr[/url]
[url=http://www.jeuxdeliens.fr]Le forum Jeux de Liens[/url]
http://www.jeuxdeliens.fr
Le forum Jeux de Liens
Pour faire une image cliquable (une miniature qui ouvre la grande image au clic) on utilise une combinaison de url et img (ou mieux image pour fixer la taille de l'image miniature)
Code : Tout sélectionner
[url=http://www.chezmoi.fr/magrandeimage.jpg][img]http://www.chezmoi.fr/maminiature.jpg[/img][/url]
Texte caché
Pour un spoiler, la réponse à une devinette ou d'autres choses où un contenu ne doit pas être visible directement, on utilise la balise hidden.
Code : Tout sélectionner
[hidden]La curiosité est un vilain défaut ;)[/hidden]
[hidden]Et en plus on regarde quand même

On peut mettre d'autres balises pour formater le contenu caché.
Il y a aussi une variante pour changer le texte affiché devant le bouton :
Code : Tout sélectionner
[hidden="Voir la réponse"]Sauf qu'il n'y a pas de question[/hidden]
Et voilà, vous savez à peu près tout sur les balises du forum.
Ce guide est amené à évoluer avec le temps, d'autres balises peuvent s'ajouter au fil des besoins et modifications
Bonne rédaction !