A list of the various custom BBCodes on the forum that aren't listed in the buttons. More will be added as I figure em out.
Various bits of BBCode can be combined in interesting ways - banners can go in boxes, for example. All you have to do is mess around a bit to find what you're after!
All these codes are subject to change, and updates on the back-end can break them. Use these at your own risk!
If you are editing code that isn't part of the default editor, it's best to edit it with rich text OFF. This will prevent the editor from altering your code and formatting by doing things such as adding newlines. The option to toggle BBCode is on the top right of the text editor, and may be hidden behind a dropdown.
Some of this code may look/perform different on Chromium-based browsers vs Firefox. Chromium browsers will have the "correct" look by default. Any code that performs oddly on Firefox will be labelled.
Meter
Meter Color Options:
Movement: A3 > B3
A3 > B3
Mail
Various bits of BBCode can be combined in interesting ways - banners can go in boxes, for example. All you have to do is mess around a bit to find what you're after!
All these codes are subject to change, and updates on the back-end can break them. Use these at your own risk!
If you are editing code that isn't part of the default editor, it's best to edit it with rich text OFF. This will prevent the editor from altering your code and formatting by doing things such as adding newlines. The option to toggle BBCode is on the top right of the text editor, and may be hidden behind a dropdown.
Some of this code may look/perform different on Chromium-based browsers vs Firefox. Chromium browsers will have the "correct" look by default. Any code that performs oddly on Firefox will be labelled.
[bar=<current value>]<maximum value>[/bar][bar2=<current value>]<maximum value>[/bar2][metercolor=<decimal less than or equal to 1>]<color>[/metercolor]Meter
[metercolor=0.5]<color>[/metercolor][metertext=#48B2E0]<meter label>[/metertext][/metercolor]Meter Color Options:
- Red
- Orange
- Yellow
- Blue
- Teal
- Purple
- Pink
50 / 100
[hp=<current HP>]<max HP>[/hp]❰ 5 / 10 ❱
[enemyhp=<current enemy hp>]<max enemy HP>[enemyhp]❰ 500 / 1000 ❱
[bosshp=<current boss HP>]<max boss HP>[/bosshp]❰ 500 / 1000 ❱
[bosshp2=<current boss HP>]<max boss HP>[/bosshp2]❰ 500 / 1000 ❱
[sp=<current SP>]<max SP>[/sp]Box Contents
[box]<box contents>[/box]A Darker Colored Box Contents
[box2]<box contents>[/box2]Title
Contents[tbox=<title>]<box contents>[/tbox]Title
Darker contents[tbox2=<title>]<box contents>[/tbox2]Title
Contents[actioncard=<title>]Contents[/actioncard] Taunting (500)
[taunt]<value>[/taunt]Movement: A3 > B3
[move]<move content>[/move]A3 > B3
[path]<move content>[/path] Rolls
Action box contents
[action]<action contents>[/action][/tbox]Critical Success
Good things!!!100
[nat100]Post Contents[/nat100]Critical Failure
Bad things...1
[nat1]Post Contents[/nat1]Warning
Awesome McCoolname, you are dead. If you are not revived within the time limit, your body will reconstruct at the nearest sanctified location.
[death]<name>[/death]CARD LIST
A flexible card list with titled cards. Maximum of three cards per row.
CURRENT STATUS
A container for borderless cards. Can be titled or untitled. Maximum of three cards per row.
A flexible card list with titled cards. Maximum of three cards per row.
Card 1
Card contentsCard 2
Card contentsCard3
Card contents[cardlist]
[cardenemy=<cardname>]<cardcontents>[/cardenemy]
[cardenemy=<cardname>]<cardcontents>[/cardenemy]
[cardenemy=<cardname>]<cardcontents>[/cardenemy]
[/cardlist]CURRENT STATUS
A container for borderless cards. Can be titled or untitled. Maximum of three cards per row.
Card contents
Card contents
Card Title
Card contents
Card contents
[currentstatus]
[cbox]Card contents[/cbox]
[cbox]Card contents[/cbox]
[ncbox=Card Title]
Card contents[/cbox]
[/currentstatus]The tab box allows you to create "slides" within your post. You can have multiple tabs and cross-link between them.
All slide code should be wrapped in the tabs tags
Title of your tab.
Content of the slide.
Creates a link to another slide
- Content 1 - Link to tab 2
- Content 2
Code:
[TABS]
[SLIDE_HEADER]Title 1[/SLIDE_HEADER]
[SLIDE]Content 1 - [tab=2]Link to tab 2[/tab][/SLIDE]
[SLIDE title="Title 2"]Content 2[/SLIDE]
[/TABS][TABS]Slide code[/TABS]All slide code should be wrapped in the tabs tags
[SLIDE_HEADER]<tab title>[/SLIDE_HEADER]Title of your tab.
[SLIDE]<slide content>[/SLIDE]Content of the slide.
[tab=<tab number>]<link name>[/tab]Creates a link to another slide
Speech bubble contents
[speech=<image url>]<speech bubble contents>[/speech]Right-aligned speech
[speechright=<image url>]<speech bubble contents>[/speechright]Mail Message
[mail]<message contents>[/mail]Voice Mail
Voicemail Message
[vmail]<message contents>[/vmail]Party
Party Invite has invited you to join their party.
[invite]<Inviter Name>[/invite]Notice
Notice Box
[notice]<message contents>[/notice]Notice
Notice Box without the buttons
[notice2]<message contents>[/notice2]Title
Letter
[writing=Title]<message contents>[/writing]Mouse over me
Regular text. Subscript
Regular text. Superscript
[b]This is not bold text.[/b]
Click this blur! Hello! Click me again to blur.
Click me!
[abbr=<hover text>]<main text>[/abbr]Regular text. Subscript
[sub]<text>[/sub]Regular text. Superscript
[sup]<text>[/sup][b]This is not bold text.[/b]
[plain]<text>[/plain]Click this blur! Hello! Click me again to blur.
[ispoiler]<spoiler text>[/ispoiler]Click me!
[inlinespoiler=<spoiler title>]<spoiler text>[/inlinespoiler]Floated content will wrap around existing text and images. This can lead to weird interactions.
Left-floated contents
Unfloated text.[fleft]Left-floated contents[/fleft]
Right-floated contents
Unfloated text.[fright]Right-floated contents[/fright][banner=#000000]Banner Text[/banner][ibanner]<banner url>[/ibanner]FontAwesome and RPGAwesome are collections of icons that can be inserted into posts using the following codes. A full list can be found at the following links.
Example - "fa-duotone fa-crow":
FontAwesome icons can be styled with certain suffixes, allowing you to adjust the size and animate them.
A full list of style options can be found at this finely crafted link.
Example - "fa-duotone fa-crow":
[fa]<FontAwesome/RPGAwesome image code>[/fa][bannericon]<FontAwesome/RPGAwesome image code>[/bannericon]FontAwesome icons can be styled with certain suffixes, allowing you to adjust the size and animate them.
A full list of style options can be found at this finely crafted link.
Smolltube creates a small youtube box that can be floated or placed as needed.
[smolltube]<youtube video id>[/smolltube]The TIME code lets you place timestamps that change based on the viewer's timezone, and will display relative time as you get closer to the listed time.. To use these, you will need to generate a timestamp code using a converter. I recommend this one.
Once you've input your time, copy the ISO 8601 string. This will be your timestamp code. You can also use a Unix timestamp I guess.
Once you've input your time, copy the ISO 8601 string. This will be your timestamp code. You can also use a Unix timestamp I guess.
[time]<timestamp code>[/time]Fieldset gives you a box with a narrow border. The title and width can be customized. The width is measured by character count.
Fieldset:
Custom Title
Fieldset:
Fieldset Contents
[fieldset]Fieldset Contents[/fieldset]
Fieldset Contents
[fieldset title="Custom Title"] Fieldset Contents[/fieldset]
Fieldset Contents
[fieldset width="30"]Fieldset Contents[/fieldset]Encadre gives you a box with a red header that is floated right. The title and width can be customized. The width is measured by character count.
[encadre]Encadre Contents[/encadre][encadre title="Custom Title"]Encadre contents[/encadre][encadre width="80"]Encadre contents.[/encadre]
Last edited:
