Game Development

Use the buttons below to report a bug or request something for the game! See our public Trello board for a list of planned features!

MyCode Reference

#1
This is a list of custom MyCodes that work on the forum.

Shorthands


“Quotes used for speech”
[q]Quotes used for speech[/q]
“Quotes used for speech”
[q=#FF0000]Quotes used for speech[/q]
[p=3]Link to a profile[/p]
[t=250]Link to a thread[/t]
— By Zina Wow Cool Attribution
[attr]By Zina Wow Cool Attribution[/attr]
— can be — used — to — do— pauses
[mdash]
middots · are · cool · bro
[middot]

Formatting


 Indenting is neat.
It can give your post natural,
 or unnatural,
breaks.
[indent]Indenting is neat.
It can give your post natural,
[indent]or unnatural,
breaks.
Aligns text either left, right, or center.
[align=right]Aligns text either left, right, or center.[/align]
Small text is smol.
[small]Small text is smol.[/small]
Large text is lorg
[large]Large text is lorg[/large]
Fonts
There is no such thing as a standard web font. Fonts will display differently depending on the system, browser, and even monitor. You can find a list of "safe" fonts for use with web here, but keep in mind that fonts will only display if users have them installed on their system.
ex. Look I am in Times New Roman!
[font=Times]Look I am in Times New Roman![/font]
Blockquotes are useful for really long quoted pieces of text, such as songs or even snippets of other posts!
[blockquote]Blockquotes are useful for really long quoted pieces of text, such as songs or even snippets of other posts![/blockquote]

Page Components


Narrow

Make your text in a fancy narrow box. You can specify a width optionally - default is 500px.
[narrow width=300]Make your text in a fancy narrow box. You can specify a width optionally - default is 500px.[/narrow]

Out of Character Box

This is me saying things out of character!

[ooc]This is me saying things out of character![/ooc]

Note Box


This is me putting a note on a post!
[note]This is me saying things out of character![/note]

hr

Creates a horizontal line. Usually defines an important thematic break in text.

[hr]

Headings

Headings create title text in multiple levels, from number 1 to 6. Headings of sizes 3 and 4 have been used in this very post!
[h3]This h3 tag is likely the largest tag you should use.[/h3]

Images


Standard MyBB supports the [img]URL[/img] tag. We also support the following with the special [image]URL[/image] tag:
  • width: constrains the width
  • align: aligns the image to left, right, or center
  • circle: creates a rounded image
[image width=200]https://placebear.com/640/360[/image]

[image circle]https://placebear.com/640/360[/image]

[image align=right]https://placebear.com/100/100[/image]

You can also force images to be perfect circles:

Perfect Circle
[image perfect-circle]https://loremflickr.com/300/400[/image]
Perfect Circle with constrained width
[image perfect-circle width=200]https://loremflickr.com/300/400[/image]

Box

Wow a box
The header is optional!
[box header="Wow a box"]The header is optional![/box]

Row/Column

By using [row] and [col=#] tags, you can achieve more complex layouts. Each row is split into 12 units, and each column can be between 1 and 12 units. Thus, for an even two column layout:
Whoa
Another box!
[row][col=6][box]Whoa[/box][/col][col=6][box]Another box![/box][/col][/row]
The columns can be any combination as long as they add up to twelve.
beep
boop
bop
[row][col=2][box]beep[/box][/col][col=3][box]boop[/box][/col][col=7][box]bop[/box][/col][/row]
And, if you wrap them in table tags, you can get lines between each row:
One row
Two row
Three rows!
[table][row][col=12]One row[/col][/row]
[row][col=12]Two row[/col][/row]
[row][col=12]Three rows![/col][/row][/table]
and with borders:
One row
Two row
Three rows!
[table border][row][col=12]One row[/col][/row]
[row][col=12]Two row[/col][/row]
[row][col=12]Three rows![/col][/row][/table]

Extra functionality


Hoverable Text
Often used for characters who speak different languages.
Click me to show!
[hover=Some hidden text :O]Click me to show![/hover]
FontAwesome Icons
We use font awesome icons like this one:
Visit the Font Awesome Icons page for a list of every icon.
[icon=bed]
Text Fades
Wow a text fade!
This one goes to the left!
[fade from=#ff0000 to=orange]Wow a text fade![/fade]
[fade from=magenta to=purple dir=left]This one goes to the left![/fade]
Progress Bars
progress
[progress value=10 max=40]progress[/progress]
Colour Swatch
Color swatches will automatically adjust their background when they aren't readable with the current color scheme. You can force dark color swatches to display with the -dark suffix.
red
#44fe98
orange
[swatch=red][swatch=#44fe98][swatch-dark=orange]
Badges
Shows a badge with an optional context colour.
Plain Secondary Info Warning Danger Success
[badge]Plain[/badge] [badge secondary]Secondary[/badge] [badge info]Info[/badge] [badge warning]Warning[/badge] [badge danger]Danger[/badge] [badge success]Success[/badge]
Collapse Button
Shows content when clicked

And all will be revealed
[collapse text="Click me!"]And all will be revealed[/collapse]

Spotify


[spotify]https://open.spotify.com/album/4RuzGKLG99XctuBMBkFFOC[/spotify]

Youtube

To embed youtube videos, you will need either the Video ID or the playlist ID. Visit Google Support for more details.

[youtube]PL21-a4V5mwwuPOf1rbK4VLm_g4w_5ALXP[/youtube]

the staff team luvs u
#2
This is a list of custom shortcodes made for easy mobile use that work on the forum.

Shortcodes


"Quotes used for speech"
::Quotes used for speech::
bold text
**bold text**
italicize text
!!italicize text!!
LEFT Align text
~~LEFT Align text~~
CENTER Align text
##CENTER Align text##
RIGHT Align text
++RIGHT Align text++
JUSTIFY text
^^JUSTIFY text^^

the staff team luvs u
Testing

[Image: threadtopimage.jpg]
scroll to top