Page 1 of 1

BBCode Guide

Posted: Thu Dec 29, 2022 6:26 am
by miles
BBCode Guide

BBCode is used on many other websites, but implementations differ across different platforms. The Den uses standard BBCode with minor modifications and additional codes.

General:

Basic codes can be typed or inserted with the buttons above the post composer. Most of them are self explanatory but there are some that require extra inputs.

Helpful tip
: If you want to surround some text with tags, you can select the text and then click the BBCode button. It will automatically encapsulate the text.

URLs
Put the URL in the opening tag:

Code: Select all

[url=https://den.den.nohost.me]The Mastodon Site[/url]
Result: The Mastodon Site
Lists
Unordered list:

Code: Select all

[list]
[*]List item
[*]List item
[*]List item
[/list]
  • List item
  • List item
  • List item
Ordered list:

Code: Select all

[list=1]
[*]List item
[*]List item
[*]List item
[/list]
  1. List item
  2. List item
  3. List item
Images

You can choose to specify height, width, both, or neither.

Code: Select all

[img width=100] image-url-goes-here [/img]
[img width=100 height=20] image-url-goes-here [/img]
Image
Image


You can also make an image into a hyperlink by putting the img in url tags.

Code: Select all

[url=https://forums.nohost.me][img width=100] image-url-goes-here [/img][/url]
Image

Custom and hidden codes:

Spoilers

The spoiler title is optional. If not specified, it will just say "spoiler"

Code: Select all

[spoiler=Spoiler Title]--Spoiler content--[/spoiler]
Spoiler Title
--Spoiler content--
Sketchfab

You can embed 3d models from sketchfab:

Code: Select all

[sketchfab]---the long ID from the end of a sketchfab url goes here---[/sketchfab]
Embedding videos, tweets etc
If the URL isn't a direct link to a video/image, just insert the link into the post and it will embed it if the site is supported.

Otherwise, use [ img ] for image URLs and [ mp4 ] for video URLs. Example:

Code: Select all

[mp4]https://va.media.tumblr.com/tumblr_qk677t530F1z1wx4n_720.mp4[/mp4]