C
R
E
A
T
E

A
D

sCode Reference

sCode is a special version of BBCode used by Subeta. You can use it to dress up your text on profiles, comments, forums, and more!

Reference Navigation:

  1. Formatting Text
  2. General Subeta-specific Codes
  3. Holiday and Event Codes
  4. Miscellaneous (Emoji, Pings, etc)

1. Formatting Text Back to Top

Description and CodePreview

Bold, Italics, Underline, Strikethrough

[b]Bold Text[/b]
[i]Italicized Text[/i]
[u]Underlined Text[/u]
[s]Strikethrough Text[/s]
Bold Text
Italicized Text
Underlined Text
Strikethrough Text

Superscript and Subscript

Normal Text[sup]Superscript[/sup]
Normal Text[sub]Subscript[/sub]
Normal TextSuperscript
Normal TextSubscript

Headings

[h1]Big Heading[/h1]
[h3]Medium heading[/h3]
[h6]Tiny heading[/h6]
Sizes h1 through h6 are available.

Big Heading

Medium heading

Tiny heading

Change font size

[size=10px]Text in size 10 pixels[/size]
[size=15pt]Text in size 15 point[/size]
Different units of measurement are allowed (for instance, points versus pixels)		Text in size 10 pixels
Text in size 15 point

Change font color

[color=red]Text in a red color[/color]
[color=#113388]Text in a blue color, using a hex code[/color]
You can use both color names and hex codes.		Text in a red color
Text in a blue color, using a hex code

Change font face

[font=monospace]Text in monospace[/font]
[font=times new roman]Text in Times New Roman[/font]
Not all fonts will show up on all computers. You can specify a general font-family (such as monospace or serif) instead of a specific font.		Text in monospace
Text in Times New Roman

Links

[url]https://subeta.net/[/url]
[url=https://subeta.net/]Subeta Home Page[/url]
https://subeta.net/
Subeta Home Page

Images

[img]https://img.subeta.net/items/minion_papercocoonmoth.gif[/img]
[img align=center]https://img.subeta.net/items/minion_papercocoonmoth.gif[/img]
[img align=right]https://img.subeta.net/items/minion_papercocoonmoth.gif[/img]
Must be a secure image (starts with HTTPS)

Line breaks

Lorem[br]Ipsum

Lorem[p]Ipsum
The br and p tags do the same thing.		Lorem
Ipsum

Lorem

Ipsum

Horizontal rule

Lorem[hr]Ipsum
Lorem
Ipsum

Change Alignment

[center]Centered Text[/center]
[align=right]Right-aligned Text[/align]
Centered Text
Right-aligned Text

List

Here is a list:[ol][li]Item one[/li][li]Second item[/li][li]Last item[/li][/ol]
Here is another list:[ul][li]Item one[/li][li]Second item[/li][li]Last item[/li][/ul]
Use ol for numbered lists and ul for bulleted lists. The processor inserts line breaks automatically after each list item, so leave them out for nicer formatting.		Here is a list:
  1. Item one
  2. Second item
  3. Last item

Here is another list:
  • Item one
  • Second item
  • Last item

Table

[table]
[row][col]Row 1 column 1[/col][col]Row 1 column 2[/col][/row]
[row][col]Row 2 column 1[/col][col]Row 2 column 2[/col][/row]
[/table]
Row 1 column 1Row 1 column 2
Row 2 column 1Row 2 column 2

Spoiler

[spoiler=Title of your spoiler]Text you want to hide goes here.[/spoiler]
[spoiler]Spoiler without a title[/spoiler]
You may not have special formatting within the spoiler title. The title is optional.
Title of your spoiler
Spoiler (click here to toggle)

Quote

[quote]Lorem ipsum dolor sit amet.[/quote]
[quote=@Bug]Welcome to the sCode reference![/quote]
Using an @ will ping the user. The @ symbol can be omitted if you don't want to ping the user you are quoting. You can also leave out the source completely.
Quote:
Lorem ipsum dolor sit amet.
Quote by @Bug:
Welcome to the sCode reference!

Code block

[code]<style type='text/css'>
#content { 
background-color: #eee; }
</style>[/code]
This will not ping any forum groups within the block.		Code: 
<style type='text/css'>
#content { 
background-color: #eee; }
</style>

Inline Code

Normal text.. [tt]Hello world![/tt] .. Normal text.
This can also be used if you simply want to write something in monospace real quick!		Normal text.. Hello world! .. Normal text.

Edit Note

[edit] Just kidding
Edit:
Just kidding

Unicode Heart

[heart]
♥️

Custom Icons

:butterfly:
:dmg:dark:
:block:dark:
:dmg:earth:
:block:earth:
:dmg:fire:
:block:fire:
:dmg:ice:
:block:ice:
:dmg:light:
:block:light:
:dmg:magma:
:block:magma:
:dmg:physical:
:block:physical:
:dmg:water:
:block:water:
:dmg:wind:
:block:wind:
:heal:



















Randomized Text

[random=Vanilla--Strawberry--Chocolate]
Put two hyphens between each option. It will randomly pick one of the choices to display.		Strawberry

2. General Subeta-specific Codes Back to Top

Description and CodePreview

User hover

[user=Bug]
Bug

User hover, using user ID number

[userid=668753]
Bug

User hover for an NPC

[npc=ian asmodeus]
[NPC] Ian Asmodeus

Pet Link

[pet=Bug/Cron]
The format is Username/Petname.
Cron

Legacy Pet Link

[pet=Battery]
This will display the pet that currently has the given name as its legacy name.
Charjabug

Item hover

[item=Red Ball]
Red Ball

Item hover with caption

[item2=Red Ball]
Red Ball

Red Ball

Specific user's human avatar

[avatar=Keith]
This will always display what the user is currently wearing.		's human avatar

Shared Avatar

[outfit=150187]
Code is found on your wardrobe's Shared Avatars page.
Shared outfit

Outfit created by Bug

View In Wardrobe

Preview wearable item

[preview=chilly red scarf]
Wearable preview: Chilly Red Scarf

Link to forum topic

[topic=5265]
Get the ID number from the thread's URL.		Topic: Frequently Requested Suggestions

Link to trade lot

[trade=12345]
Trade Lot: #12345

3. Holiday and Event Codes Back to Top

Description and CodePreview

Trick or Treat sCode (Morostide)

[tot=keith]
Trick or Treat @ keith

Egg sCode (Morostide)

[egg=keith]
Egg keith's House!

TP sCode (Morostide)

[tp=keith]
TP keith's House!

Dance sCode (Masquerade)

[dance=keith]
Dance with Keith

Flower sCode (Vesnali)

[flower=keith]
Flower keith

Kiss sCode (Survival)

[kiss=keith]
Kiss Keith

Tree and Gifting sCode (Luminaire)

[tree=amber]
This will automatically resize to a smaller size in specific places like the Friend Feed and user statuses.
Amber's Luminaire Tree
Give Amber a gift!

4. Miscellaneous Back to Top

Description and CodePreview

Box

[box=#eeffee]Lorem ipsum[/box]
A general-purpose box you can use to divide your text into visually distinct sections. You may customize the background color.
Lorem ipsum
Pings

To ping a user, use the @ symbol before their username like this: @Keith
If their username has special characters/punctuation that breaks the normal ping, you can still ping them by putting the ping in square brackets: [@Keith]

Emoji

Emoji conversion is automatic, and all standard emoji are supported. Check out The Emoji Cheatsheet (external link) for a list of emoji you can use! To type one, use the code that has the keyword in between colons, and it'll get automatically converted when your post is displayed. The way the emoji will be rendered depends on your device.

Using with HTML

Some sections of the site allow you to write with both HTML and sCode. Most notably, you can use both HTML and sCode on your user profile and your pet profiles. Because of how they interact, there are a couple quirks to be aware of:

  1. Line breaks won't show up. To insert a line break, you will need to use the br tag (either HTML or sCode). This is because line breaks are not interpreted in HTML.
  2. CSS cannot contain square brackets. This is due to the way sCode is interpreted (by looking for square brackets).

There are a few other CSS/JS quirks specific to pet and user profiles, especially on user profiles as it uses a different layout from the rest of the site.