Le PoissonClown Posted August 6, 2016 Share Posted August 6, 2016 (edited) Crabonautes, bonjour ! Dans ce tutoriel, vous allez découvrir des codes qui vous permettront de mettre en forme vos messages sur le forum sans utiliser les fonctions de l'éditeur. Mieux encore : vous allez pouvoir faire des choses que les boutons de l'éditeur ne permettent pas ! C'est parti ! BBCode ? C'est quoi ? Le BBCode est un code de balisage du texte (un peu comme le HTML) qui est mis en place dans certains forums pour mettre en forme et enrichir votre texte de manière plus ou moins avancée. Il prend la forme de balises comme ceci : Je veux écrire [b]ce mot[/b] en gras et [i]celui-là[/i] en italique. Une balise de BBCode est donc entourée de crochets. Comment ça s'écrit ? Vous allez le voir avec les exemples ci-dessous, c'est très simple une fois que l'on a compris le principe. S'il est nécessaire d'encadrer un mot ou un texte, il vous faudra une paire de balises, la dernière comportant un slash ( / ) juste avant le nom de la balise. C'est ainsi qu'on différencie la balise de départ et de fin. Dans notre exemple plus haut, la première balise B n'a pas de slash. Elle signifie : « Ici commence un texte en gras ». Et la balise de fin qui contient un slash devant le B, signifie donc : « Ici s'arrête le texte en gras débuté précédemment ». S'il n'est pas nécessaire d'encadrer quoi que ce soit, il n'y a qu'une seule balise (pour afficher une image par exemple). Comment ça marche ? C'est très simple, vous écrivez les balises directement dans le texte. Si vous testez par vous-même, vous allez certainement me dire : « Mais ça ne marche pas ! Quand j'écris les balises dans mon texte, ça ne produit rien ! » Et c'est normal, parce que le BBCode n'est appliqué qu'une fois que vous publiez votre message. Les balises ne sont interprétées que lorsque vous envoyez votre message, pas avant. Autre principe : le BBCode ne fonctionne que sur l'éditeur de messages et non-pas dans les champs de titre ou d'étiquettes. Les balises ! Assez théorisé, passons à la pratique : METTRE EN FORME À L'INTÉRIEUR DE SON TEXTE Pour mettre en forme à l'intérieur de votre texte, voici les balises qui fonctionneront sur le site : Texte en [b]gras[/b], [i]italique[/i], [u]souligné[/u], [s]barré[/s], en [sup]exposant[/sup] ou en [sub]indice[/sub], [color=red]en couleur[/color], [font=Courier]avec une police différente[/font]. Résultat : Texte en gras, italique, souligné, barré, en exposant ou en indice, en couleur, avec une police différente. Note : la couleur peut s'écrire aussi en hexadécimal (#fff ou #3a8f6d par exemple). Pour obtenir ces codes, vous pouvez utiliser cet outil en ligne parmi d'autres. ALIGNER SES PARAGRAPHES [right]À droite.[/right][left]À gauche (par défaut).[/left][center]Au centre.[/center] Résultat : À droite. À gauche (par défaut). Au centre. Note : Il n'est pas utile de passer à la ligne, les paragraphes sont générés automatiquement avec ces balises. FAIRE UNE CITATION [quote]Texte cité[/quote] Résultat : Citation Texte cité Note : Mettre un nom d'auteur ne sert à rien, car il n'est pas pris en compte. Pour du code, c'est la balise suivante : [code]Bout de code à afficher[/code] Résultat : Bout de code à afficher CACHER UN TEXTE (SPOILER) [spoiler]Texte à cacher.[/spoiler] Résultat : Révélation Texte à cacher ÉCRIRE UNE LISTE Liste à puces : [list] [*]Truc [*]Machin [*]Bidule [/list] Résultat : Truc Machin Bidule Pour les listes ordonnées, il suffit de modifier la première balise : list=1 Pour une liste numérotéelist=a Pour une liste alphabétique en minusculeslist=A Pour une liste alphabétique en majusculeslist=I (lettre i majuscule) Pour une liste numérotée en chiffres romains Démonstration pour la numérotée : Truc Machin Bidule L'alphabétique en minuscules : Truc Machin Bidule L'alphabétique en majuscules : Truc Machin Bidule Et celle en chiffres romains : Truc Machin Bidule GÉNÉRER UNE LIGNE DE SÉPARATION texte[hr]texte Résultat : texte texte FAIRE UN LIEN WEB Texte [url=http://www.perdu.com]texte du lien[/url] texte. Résultat : Texte texte du lien texte. Note : pas besoin d'encadrer le lien entre guillemets. INSÉRER UNE IMAGE DÉJÀ EN LIGNE Pour cela, il vous faut son adresse (URL) directe, qui commence par http et se termine en .jpg ou .png ou .gif : [img=http://adresse_de_limage.jpg] Exemple de résultat : Note : idem, pas besoin d'encadrer l'URL entre guillemets. AJOUTER UNE VIDÉO YOUTUBE OU VIMEO Collez simplement son adresse (URL) et ajoutez un espace. https://youtu.be/4iQETIfbzvk Résultat : Note : En réalité, il ne s'agit pas de BBCode pour cette dernière astuce : c'est une fonction du forum. En revanche, cette dernière fonction est inefficace pour les adresses de vidéos de la plateforme Dailymotion (entre autres). Pour terminer Vous voilà parés ! N'hésitez pas à tester des balises que je n'aurais pas listé dans ce tuto. Pour faire vos essais en privé, vous pouvez vous envoyer un message privé à vous-même. Et venez nous faire part de vos trouvailles ! Bonne rédaction à toutes et à tous ! Edited December 6, 2017 by Le PoissonClown Lien mort pour une image 2 Link to comment
Mreve Posted August 14, 2016 Share Posted August 14, 2016 Tu vas voir ! Avec CKEditor je vais te faire de ces présentation ! Link to comment
Le PoissonClown Posted August 14, 2016 Author Share Posted August 14, 2016 (edited) il y a 16 minutes, Mreve a dit : Tu vas voir ! Avec CKEditor je vais te faire de ces présentation ! Avec BBcode et CKEditor, tu veux dire ? Le combo fatal !!! Edit : mais sur le site de CKEditor l'éditeur ne gère pas le BBcode. Re-edit : Mais on s'en fiche parce qu'il ne publie rien. Et d'ailleurs, y-a pas besoin, que je suis bête ! Suffit de copier-coller. Edited August 14, 2016 by Le PoissonClown Rectification et auto-baffage en bonne et due forme Link to comment
Mreve Posted August 14, 2016 Share Posted August 14, 2016 il y a 7 minutes, Le PoissonClown a dit : Edit : mais sur le site de CKEditor l'éditeur ne gère pas le BBcode. Quoi ?! Link to comment
Le PoissonClown Posted August 14, 2016 Author Share Posted August 14, 2016 Oublies ce que j'ai dit. Link to comment
carmen Posted March 4, 2019 Share Posted March 4, 2019 (edited) désolée, j'essaie de retrouver le bouton Révéler, qui a disparu de ma barre de rédaction des messages ... Edited March 4, 2019 by carmen Link to comment
D34 Angel Posted March 4, 2019 Share Posted March 4, 2019 (edited) il y a 38 minutes, carmen a dit : désolée, j'essaie de retrouver le bouton Révéler, qui a disparu de ma barre de rédaction des messages ... Hello @carmen C'est quoi, ce bouton "Révéler" dont tu parles ? Edited March 4, 2019 by D34 Angel Link to comment
carmen Posted March 4, 2019 Share Posted March 4, 2019 (edited) @D34 Angel @calisto06 oui moi aussi, mais la justice sur ce forum est plus juste pour certains que pour d'autres, je crains (il me semble avoir vu @Le PoissonClown l'utiliser encore très récemment Edited March 4, 2019 by carmen Link to comment
D34 Angel Posted March 4, 2019 Share Posted March 4, 2019 Il me semblait bien que je l'avais, l'an dernier ... et, cette année, je ne le vois plus. J'utilise donc les balises de bbcode "spoiler" [spoiler] Texte à masquer [/spoiler] Texte à masquer Link to comment
carmen Posted March 4, 2019 Share Posted March 4, 2019 il y a 2 minutes, D34 Angel a dit : les balises de bbcode "spoiler" comment tu les insères dans le post ?? Link to comment
D34 Angel Posted March 4, 2019 Share Posted March 4, 2019 il y a 1 minute, carmen a dit : comment tu les insères dans le post ?? Avec mes petits gros doigts, je tape sur le clavier Blague à part, j'écris les balises comme montré dans le code indiqué dans mon message précédent. La balise de début avant le texte à cacher et la balise de fin après le texte. 1 Link to comment
carmen Posted March 4, 2019 Share Posted March 4, 2019 (edited) test [spoiler] blablabla [/spoiler] ça marche pô .... blablabla Compris ! Edited March 4, 2019 by carmen Link to comment
carmen Posted March 4, 2019 Share Posted March 4, 2019 mais où trouver les parenthèses ??? Link to comment
D34 Angel Posted March 4, 2019 Share Posted March 4, 2019 il y a 2 minutes, carmen a dit : mais où trouver les parenthèses ??? Les crochets ? Sur mon clavier, ce sont les touches "(" et ")" en appuyant sur Alt Gr 2 Link to comment
carmen Posted March 4, 2019 Share Posted March 4, 2019 (edited) [ oui !!!! /] merci !! =>, chez moi ça bugge, ça active la fonction souligner Edited March 4, 2019 by carmen Link to comment
D34 Angel Posted March 4, 2019 Share Posted March 4, 2019 il y a 3 minutes, carmen a dit : # j'ai le diese avec alt gr# Et avec Alt Gr + ), tu as quoi ? Link to comment
carmen Posted March 4, 2019 Share Posted March 4, 2019 (edited) ] [test/] test 2 [spoiler/] Edited March 4, 2019 by carmen Link to comment
carmen Posted March 4, 2019 Share Posted March 4, 2019 oufff !!! ce fut long !!! vive les raccourcis !!! remettez nous les boutons de raccourci !!!! Link to comment
calisto06 Posted March 4, 2019 Share Posted March 4, 2019 (edited) Toujours pas . Edited March 4, 2019 by calisto06 1 Link to comment
calisto06 Posted March 5, 2019 Share Posted March 5, 2019 [spoiler]marche pas[/spoiler] Link to comment
calisto06 Posted March 5, 2019 Share Posted March 5, 2019 (edited) donc on ouvre les balises on tape le texte ici en l'occurrence voir plus haut et on balance le message ….ben ça marche pas ou alors j'ai loupé un truc …. [spoiler] marche pas [/spoiler] Edited March 5, 2019 by calisto06 Link to comment
D34 Angel Posted March 5, 2019 Share Posted March 5, 2019 @calisto06 Je crois que tu n'y arrives pas car tu copies (cites) la partie de message qui est entre des balises de "code". Le "code" sert, justement, à ne pas appliquer le format. C'est pour écrire un script sans qu'il s'exécute. Essaie simplement d'écrire le texte avec les balises qui vont bien ... tu vas voir, ça va marcher. Link to comment
Recommended Posts