BBCode Guide
Posted: Thu Dec 29, 2022 6:26 am
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.
You can choose to specify height, width, both, or neither.
You can also make an image into a hyperlink by putting the img in url tags.
Custom and hidden codes:
The spoiler title is optional. If not specified, it will just say "spoiler"
You can embed 3d models from sketchfab:
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:
Result: The Mastodon Site
Code: Select all
[url=https://den.den.nohost.me]The Mastodon Site[/url]
Lists
Unordered list:
Code: Select all
[list]
[*]List item
[*]List item
[*]List item
[/list]
- List item
- List item
- List item
Code: Select all
[list=1]
[*]List item
[*]List item
[*]List item
[/list]
- List item
- List item
- 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]
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]
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:
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]