BBCode

Le BBCode

Le BBCode est un langage textuel destiné à mettre du texte en forme simplement, principalement destiné à être utilisé sur les forums de discussion. Il se base sur un système de balises (similaire au HTML) décrivant l'effet à appliquer au texte qu'elles entourent.

Les utilisateurs du forum de Scratch peuvent notamment l'utiliser pour mettre en page leurs posts.

Fonctionnement

Le principe est similaire à celui du langage de programmation HTML, où le texte à mettre en forme est entouré par une balise ouvrante et fermante.

Une des différences majeures réside dans le fait que les balises ne sont pas encadrées de chevrons (« < » et « > ») mais de crochets (« [ » et « ] »).

Certaines balises peuvent contenir des attributs, fournissant des informations supplémentaires. On renseigne ces derniers par leur nom, suivi du symbole « = » puis de leur valeur.

LeSaviezVous :

Il est tout à fait possible et valide de mettre une balise à l'intérieur d'une autre, afin d'appliquer une modification uniquement sur une partie du texte ; tel que

[b][i]bonjour[/i] tout le monde[/b].

Attention :

Lorsque plusieurs balises sont imbriquées les unes dans les autres, elles doivent être refermées dans l'ordre inverse dans lequel elles ont été ouvertes (les premières sont refermées en dernier); soit

[b][small]Mon texte[/small][/b]

et non

[b][small]Mon texte [/b][/small]

Il est à noter que toutes les balises ne sont pas forcément supportées sur tous les sites.

Par exemple, sur Scratch, uniquement certaines balises sélectionnées fonctionnent.

Balises présentées

Les balises BBCode suivantes peuvent être utilisées sur Scratch et sont directement présentes dans la barre de mise en forme des messages.

code	Raccourci	Effet	Affichage
`[b]Gras[/b]`	`Ctrl + B` ou `⌘ + B`	Met le texte en gras.	Gras
`[i]Italique[/i]`	`Ctrl + I` ou `⌘ + I`	Met le texte en italique.	Italique
`[u]Souligné[/u]`	`Ctrl + U` ou `⌘ + U`	Souligne le texte.	Souligné
`[s]Barré[/s]`	`Ctrl + S` ou `⌘ + S`	Barre le texte.	~~Barré~~
`[img]lien vers image[/img]`	`Ctrl + P` ou `⌘ + P`	Affiche une image.	Affiche l'image liée.
`[url=fr.scratch-wiki.info/]Texte du lien[/url]`	`Ctrl + L` ou `⌘ + L`	Lien vers une page web.	Texte du lien
`[big]Grand[/big]`	aucun	Met le texte en grand.	Grand
`[small]Petit[/small]`	aucun	Met le texte en petit.	Petit
`[list]élements de liste[/list]`	aucun	Crée une liste à puce ou numérotée.	Élément de la liste
`[*] Élément`	aucun	Crée un élément à puce ou numéroté dans une liste.	Élément de la liste
`[quote]Citation[/quote]`	aucun	Crée une citation d'un message précédent.	<quote>citation</quote>

Vous pouvez vous rendre sur la page destinée à la Mise en page d'un message (forum) pour plus d'informations.

Autres balises supportées

De nouvelles balises ont été ajoutées depuis la création du forum mais ne sont pas présentes dans la barre d'outils :

code	Raccourci	Effet	Affichage
`[center]Centré[/center]`	aucun	Centre le texte à l'écran.	citation
`[wiki=BBCode]Texte du lien[/wiki]`	aucun	Lien vers l'article correspondant du Scratch Wiki (anglophone).	Texte du lien
`[wiki=fr:BBCode]Texte du lien[/wiki]`	aucun	Lien vers l'article correspondant du Scratch Wiki (francophone). Info : Selon la même logique, il est possible d’indiquer un lien vers un autre wiki Scratch en modifiant l’indicateur linguistique à deux caractères (par exemple, de pour le wiki germanophone).	Texte du lien
`[wikipedia=BBCode]Texte du lien[/wikipedia]`	aucun	Lien vers l'article Wikipedia (anglophone) correspondant.	Texte du lien
`[Google="Scratch Wiki Fr"]Texte du lien[/Google]`	aucun	Lien vers la recherche Google du terme.	Texte du lien
`[dictionary=scratch]Texte du lien[/dictionary]`	aucun	Lien le mot dans le dictionnaire (http://dictionary.reference.com/).	Texte du lien
`[color=red]texte rouge[/color]`	aucun	change la couleur du texte	texte rouge

Les couleurs

Comme nous venons de le voir, les balises [color] et [/color] utilisées par Scratch permettent d'ajouter différentes couleurs à votre texte. Mais comment fonctionnent-elles ?

C'est assez simple. Il suffit de mettre dans la balise un signe = derrière le mot color, puis vous avez le choix entre :

Mettre directement le nom de la couleur
Mettre le code hexadécimal de la couleur directement (un choix plus grand)

Info :

Dans ces balises, il n'est pas obligé de mettre le signe # devant le code de la couleur

Le code hexadécimal d’une couleur

Le code hexadécimal d'une couleur s'écrit généralement sous la forme de six caractères (qui sont 0, 1, 2 ... 9, a, b, c, d, e et f) précédés d'un symbole #.

Les deux premiers caractères désignent l'intensité du rouge, les deux du milieu le vert et les deux derniers le bleu. Vous trouverez peut-être parfois deux autres chiffres, ceux-là désigneront la transparence de la couleur. Ainsi, #0000ff donnera du bleu, #00ff00 du vert, #ffff00 du jaune et #ffffff00 rien du tout car la couleur initialement blanche est totalement transparente à cause des deux zéros présents derrière.

Émoticônes

└─ Article principal : Émojis et smileys

Des émoticônes ou émojis peuvent être ajoutés à un post. Il en existe douze :

Code	Résultat
:)
:\|
:(
:D
:o
;)
:/
:P
:lol:
:mad:
:rolleyes:
:cool:

les images

pour inserer des images il faut mettre le code [img]lien de l'image[/img] pour obtenir une image, vous devez donc avoir un lien, et pour les obtenirs il faut les éberger. l'ébergeur d'image compatible avec le forum le plus connu est cubeupload

Navigation

Outils

Dans d’autres langues

Pour les auteurs

Wiki Scratch

Aider le Wiki!