The Coffee House

Full Version: BBCode Reference
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2
Throughout the forums, you'll see all kinds of formatted text in people's posts. Some text will be big, or small, or coloured; it might link to another page; it might come with images or videos; or you might even see people posting tweets or Pokémon on here! This post is intended as a complete guide on how to do all of that (I say 'intended', because I've included everything I can think of, but I suspect I've missed a couple of things :lol: ).

For your convenience, I've divided it into seven sections:

  1. Basic text formatting;
  2. More advanced text formatting;
  3. Quote, code, and spoiler boxes;
  4. Images and videos;
  5. Lists and tables;
  6. Social Media embeds;
  7. Miscellaneous


Since this guide is just intended as a reference, it's not exactly a page-turner - so, it's probably best to go to the section you need, rather than reading it all from start to finish. As such, I've spoilered each section, so you can open it up individually:


1. Basic Text Formatting (Bold, italics, underlining, etc.)

2. More advanced text formatting (alignments, sizes, superscripts, subscripts)

3. Quote, Code and Spoiler Boxes

4. Images and Videos

5. Lists and Tables

6. Social Media Embeds

7. Miscellaneous (Pokémon, flags, horizontal lines, FontAwesome icons)

So, that's the end of this guide to our BBCode. If you have any questions, or you can think of anything we've missed, then just let me know. Otherwise, have fun posting images and videos and links and whatever else you want to post :D !
Ah, looks nice!
This is awful... ly useful.

Awesome work CJ!
This should be super helpful!
I've updated this with a link to an online BBCode table generator, which works with the setup that we've got on here. This makes life much easier for anybody who wants to post tables on TCH.

I feel like I should include a link to this above, below, or to the side of the editor somewhere - although, I don't have any real preference as to where :P .
I've added the [icon] tag, for FontAwesome icons.

Also got rid of the GIFV and WebM tags, since those were never used; the GIFV can be done with [img] tags anyway; and the member who asked for these tags has been gone for three years anyway :P .
Added a link to the full Table Guide, which I completely forgot we had :lol: .
Since this thread is so long, I've broken it down into spoilers :P .

I've also added the [flag] tag, which allows you to post any of my CaffEnsigns flag emoticons (including the historical/regional flags and the sports flags that are listed in separate threads). For example, [flag=bavaria] will get you the flag of Bavaria:



Have fun :) !
I have made a few updates to this:

  • Now that Twitter has changed its name to X, tweets can be embedded with an [x] tag (as well as a [twitter] tag). Furthermore, the Twitter logo in the editor has been updated to an X logo;

  • The Instagram tag has, sadly, been removed :( . It stopped working a couple of months back, and nobody noes why. (If anybody can fix it, then it'll be re-added, but for now, there's no point in keeping it)

  • As a replacement for the Instagram tag, I have added a [tiktok] tag, which can be used to embed TikTok videos. (Of course, if the Instagram code ever gets fixed, I'll be keeping the TikTok code alongside it :lol: )

Anyway, I hope you enjoy these updates :D .
Thank you for the update
Pages: 1 2