The edit box in the forums
BBCode is a markup syntax that is used in the osu!forums and, to a larger extent, the vast majority of forums on the internet to enable rich text formatting. It is made up of tags that surround the text to enrich and, sometimes, attributes.
In osu!web, BBCode is used in forum posts, signatures and userpages.
While the post editor provides a few basic formatting tools, it is possible to manually write the BBCode.
BBCode tags are case insensitive.
Without any text highlighted, clicking the button will surround the tags around the text cursor placement in the post editor.
With text highlighted in the post editor, clicking the button will surround the tags around the highlighted text.
Tags can be combined for fancier/richer formatting.
The order/nesting of the tags must be respected when combining the tags. Failure to adhere to the order/nesting may break the post formatting.
For example (pay attention to the order of the code):
[/centre]is correct, but
Emphasize words or an entire paragraph in a heavier way than italics.
[b] ... [/b]
Emphasize words or an entire paragraph in a lighter way than bold.
[i] ... [/i]
Draws a horizontal line underneath the word(s) or an entire paragraph.
[u] ... [/u]
Also known as strikethrough.
Draws a horizontal line through the middle of the word(s) or an entire paragraph.
[strike] ... [/strike]
BBCode calls this "Color".
Adds colour to some text.
HEXCODEargument should not use quotation marks.
HEXCODEis a colour in hexadecimal or colour name.
#, followed by 6 hexadecimal (0 - 9, A - F) characters.
[color=HEXCODE] ... [/color]
For a list of colour names, see X11 color names.
Relatively adjusts the text size.
NUMBERargument should not use quotation marks.
NUMBERis one of the listed sizes (
[size=NUMBER] ... [/size]
Not to be confused with Spoilerbox.
Covers text with a black background.
This can be useful if you are talking about a critical scene in a TV show, movie, or anime but do not want to spoil it for others. The reader, however, can still read the text by highlighting over the text.
[spoiler] ... [/spoiler]
Hides a paragraph inside an prenamed box from the reader's view. The reader, however, can still read the paragraph by clicking on the spoilerbox to toggle the hidden paragraph.
[spoilerbox] ... [/spoilerbox]
Not to be confused with Spoilerbox.
Hides a paragraph inside a nameable box from the reader's view. The reader, however, can still read the paragraph by clicking on the box to toggle the hidden paragraph.
These are commonly used to hide large images or a large amount of images.
NAMEargument blank (or do not include one), the height of the box will be very small!
NAMEargument should not use quotation marks.
NAMEargument can contain spaces.
NAMEis a name for the box.
[box=NAME] ... [/box]
Quote formatting for the given word/paragraph.
NAMEargument must use quotation marks.
Post) will be posted in the current thread.
NAMEis a name for the box (must be wrapped in quotation marks).
[quote=NAME] ... [/quote]
Format text with a monospaced font-family and place it inside a gray box. This is useful when you are posting code for a storyboard or source code from a project.
[code] ... [/code]
Centre align a paragraph; this is typically used for titles or headings.
center(note the last two letters).
[centre] ... [/centre]
Adds a link.
You do not need to use this tag if you do not want to use link text. The osu!forums will automatically link pasted URLs inside the post.
LINKargument should not use quotation marks.
LINKis the url.
TEXTis the link text.
Links a user profile using the user's name.
Usage of this button is heavily discouraged! The problem with using this tag is that user names can be changed once after obtaining an osu!supporter tag. And once they do, the link will fail.
It is recommended to use URL instead (using the user's id number).
USERargument has to be defined.
USERis the name of the user.
Automatically links to a Google Search query using the provided text.
Add a direct link to a page using Google's I'm Feeling Lucky button using the provided text.
Formats the text into a list.
In BBCode, there are two parts for making the list: the wrapper and the bullets. Where the bullets are placed inside the wrapper.
a- lettered (lowercased)
A- lettered (upper-cased)
i- roman numeral (lowercased)
I- roman numeral (upper-cased)
TYPEis one of the listed types above.
TYPEis not defined, bullets will be used instead.
[list=TYPE] [*]... [/list]
Show an image from an online image source.
The images can be sourced from anywhere, as long as the image exists from the given url.
Do not link the image directly from a local filepath
C:\Users\Name\Pictures\image.jpg will not work!
Also note, some websites don't appreciate direct links to their images (otherwise known as hotlinks). Image sharing sites, like the ones listed above, are most likely okay with direct links since they are image sharing sites.
LINKis a direct link to an image.
Embeds a YouTube video in your post.
YT-IDis the YouTube video ID (11 characters long), not the whole url!
Adds a big fancy pink heading. This is usually used to denote a new section in your post.
Adds a big fancy purple heading with a horizontal line. This is usually used to denote a new section in your post.
Places the paragraph inside a white box.
[notice] ... [/notice]
transparent, it will make the text transparent.