Formatting Test
Guides
/
Formatting Test
Updated 5 years ago by ShadowDraft

BBCode: Bold {text} Makes {text} bold Bold example Italic {text} Makes {text} italic Italic example Underline {text} Underlines {text} Underline example Strikethrough {text} Create a strikethrough on {text} Strikethrough example Font-size [size=25]{text}[/size] [style size={number}]{text}[/style] Changes the font-size of {text} Font-size example Font color [color=red]RED[/color] [style color={color or hex}]{text}[/style] Changes the color of {text} Font color example Center text [center]{text}[/center] Centers {text} on screen Center text example Left align text [left]{text}[/left] Left aligns {text} on screen Left align text example Right align text [right]{text}[/right] Right aligns {text} on screen Right align text example Quote [quote]{text}[/quote] Creates a quotation box containing {text} Quote example Quote (named) [quote={name}]{text}[/quote] Creates a quotation box quoting {name} as saying {text} Quote (named) example Spoiler [spoiler]{text}[/spoiler] Creates a spoiler section (a box) that is by default collapsed until you click a button or the box itself to expand it to show the {text} Spoiler example Spoiler (named) [spoiler={name}]{text}[/spoiler] Creates a spoiler section like the tag without the name, the difference here being that the indicated name is shown which can be used to headline spoiler. Spoiler (named) example Link {url} Makes a link to {url} Link example Link (named) SRC Trophy Makes a named link to {url} Link (named) example Image https://www.speedrun.com/images/logo-white.png Shows the image indicated by {url} Image example Image (resized) Full version: [img width=50 height=50]https://www.speedrun.com/images/logo-white.png Another variant (shorthand): [img=50x50]https://www.speedrun.com/images/logo-white.png Shows {url} image resized to {width} and {height} Image (resized) example List Unordered list: [ul]{items}[/ul] Ordered list: [ol]{items}[/ol] Another variant: {items} Displays a list of {items} List example List item [li]{text}[/li] Shorthand: *{text}\newline Specifies an {item} within a list List item example: Ordered list: [ol] [li]Item one[/li] [li]Item two[/li] [/ol] Unordered list: [ul] [li]Item one[/li] [li]Item two[/li] [/ul] Another variant:

[li]Item one[/li] [li]Item two[/li]

Other ways of indicating list items:

*Here's an item *Other item!

Code [code]<ul style="font-weight: bold;"> <li>Open Series tournaments every Sunday at 5:30pm CEST</li> <li>Teams gather points for a monthly ranking</li> <li>The Top 4 Open Series teams will switch into the Premiership Division</li> <li>Premiership Division tournaments are played each Sunday starting at 8pm CEST</li> <li>Similar to the Open Series teams gather points for a monthly ranking</li> <li>The bottom 4 teams will leave the Premiership Division each month</li>

</ul> <h3>Format - Open Series</h3> <ul> <li>Squad - Esports Mode</li> <li>Best of 2/3 Matches (BO2 - Round 1, BO3 - Round 2)</li> <li>Teams earn points for their placement and kills</li> <li>Teams - 4 players per team, two subs are allowed.</li> <li>Teams are allowed to play one match per round with 3 players.</li> </ul> <h3>Format - Premiership Division</h3> <ul> <li>Squad - Esports Mode</li> <li>Best of 3 Matches</li> <li>Teams earn points for their placement and kills</li> <li>Teams - 4 players per team, two subs are allowed.</li> <li>Teams are allowed to play one match with 3 players.</li> </ul>[/code] Meant for rendering code snippets Code example Code (language specific) [code=html]<ul style="font-weight: bold;"> <li>Open Series tournaments every Sunday at 5:30pm CEST</li> <li>Teams gather points for a monthly ranking</li> <li>The Top 4 Open Series teams will switch into the Premiership Division</li> <li>Premiership Division tournaments are played each Sunday starting at 8pm CEST</li> <li>Similar to the Open Series teams gather points for a monthly ranking</li> <li>The bottom 4 teams will leave the Premiership Division each month</li> </ul> <h3>Format - Open Series</h3> <ul> <li>Squad - Esports Mode</li> <li>Best of 2/3 Matches (BO2 - Round 1, BO3 - Round 2)</li> <li>Teams earn points for their placement and kills</li> <li>Teams - 4 players per team, two subs are allowed.</li> <li>Teams are allowed to play one match per round with 3 players.</li> </ul> <h3>Format - Premiership Division</h3> <ul> <li>Squad - Esports Mode</li> <li>Best of 3 Matches</li> <li>Teams earn points for their placement and kills</li> <li>Teams - 4 players per team, two subs are allowed.</li> <li>Teams are allowed to play one match with 3 players.</li> </ul>[/code] Like the regular [code] tag it is used to render a snippet of code, but with this variant is possible to indicate which language is used so it can do proper synatx highlighting. N/A Preformatted [pre]{text}[/pre] Renders the {text} while maintaing all white spacing Preformatted example Tables [table]{rows}[/table] Show a table with {rows} in it Tables example: [table] [tr] [th]Name[/th] [th]Age[/th] [/tr] [tr] [td]John[/td] [td]65[/td] [/tr] [tr] [td]Gitte[/td] [td]40[/td] [/tr] [tr] [td]Sussie[/td] [td]19[/td] [/tr] [/table] Table rows [tr]{cells}[/tr] Renders a table row containing {cells} Table rows example: [table] [tr] [th]Name[/th] [th]Age[/th] [/tr] [tr] [td]John[/td] [td]65[/td] [/tr] [tr] [td]Gitte[/td] [td]40[/td] [/tr] [tr] [td]Sussie[/td] [td]19[/td] [/tr] [/table] Table content cells Heading cell: [th]{content}[/th] Content cell: [td]{content}[/td] Shows {content} in a table (heading) cell Table content cells example: [table] [tr] [th]Name[/th] [th]Age[/th] [/tr] [tr] [td]John[/td] [td]65[/td] [/tr] [tr] [td]Gitte[/td] [td]40[/td] [/tr] [tr] [td]Sussie[/td] [td]19[/td] [/tr] [/table] Youtube videos [youtube]dQw4w9WgXcQ[/youtube] Shows the youtube video indicated by {id}

Markdown: #Heading 1 Sample Text 1 ##Heading 2 Sample Text 1 ###Heading 3 Sample Text 1 ####Heading 4 Sample Text 1 #####Heading 5 Sample Text 1 ######Heading 6 Sample Text 1

bold

italic

strikethrough

asterisks and underscores

You may have horizontal lines with 3x '-' it needs to be in it's own line though:


You may display code like this:

single line code

You may quote with '>'

quote

You may make bullet point lists with '*'

  • unordered
  • list

or numbered lists '1.':

  1. ordered
  2. list

You may give links a name similar to BBCode [NAMEHERE] (LINKHERE) just need to remove the space between ] and (. Please note that the link colour is using the primary colour you have set for your leaderboard under Edit theme:

embedded link Google

And finally you may display images like this:

Image: !(https://www.speedrun.com/images/logo-white.png)

https://www.speedrun.com/images/logo-white.png

  • list
    • sublist