BB Code Formatting Guide
Learn how to format your content using BB code tags
| Name | Syntax | Purpose | Example | ||
|---|---|---|---|---|---|
| Bold | [b]{text}[/b] | Makes {text} bold | Bold example | ||
| Italic | [i]{text}[/i] | Makes {text} italic | Italic example | ||
| Underline | [u]{text}[/u] | Underlines {text} | Underline example | ||
| Strikethrough | [s]{text}[/s] | Create a strikethrough on {text} | |||
| Font-size | [size={number}]{text}[/size]
[style size={number}]{text}[/style] | Changes the font-size of {text} | Font-size example | ||
| Font color | [color={color}]{text}[/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} | John said: 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} | SpoilerSpoiler content | ||
| 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. | Named SpoilerNamed spoiler content | ||
| Link | [url]{url}[/url] | Makes a link to {url} | Link example | ||
| Link (named) | [url={url}]{text}[/url] | Makes a named link to {url} | Named link example | ||
| Image | [img]{url}[/img] | Shows the image indicated by {url} | |||
| Image (resized) | [img width={width} height={height} ...]{url}[/img]
[img={width}x{height}]{url}[/img] | Shows {url} image resized to {width} and {height} | |||
| List | Unordered list: [ul]{items}[/ul]
Ordered list: [ol]{items}[/ol]
Another variant: [list]{items}[/list] | Displays a list of {items} |
| ||
| List item | [li]{text}[/li]
Shorthand: [*]{text}newline | Specifies an {item} within a list | |||
| Code | [code]{text}[/code] | Meant for rendering code snippets | Code example | ||
| Code (language specific) | [code={language}]{text}[/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. | Language-specific code example | ||
| 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 |
| ||
| Table rows | [tr]{cells}[/tr] | Renders a table row containing {cells} | |||
| Row example | |||||
| Table content cells | Heading cell: [th]{content}[/th]
Content cell: [td]{content}[/td] | Shows {content} in a table (heading) cell |
| ||
| Youtube videos | [youtube]{id}[/youtube] | Shows the youtube video indicated by {id} | YouTube video placeholder |