osu!
Personal tools
Namespaces
Variants
Actions
Please be aware that the osu!wiki will be moving to GitHub.
You won't be able to edit articles soon so make sure to learn how to use GitHub.
Go to the new home of the osu!wiki

BBCode

From osu!wiki
Jump to: navigation, search
Other Languages

Français  Bahasa Indonesia  中文  Deutsch  한국어  Polski  ภาษาไทย  Português  粵語 

The edit box in the forums

BBCode is a special syntax used in 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!, BBCode is used in forum posts, signatures and userpages. This article is a listing of the available tags.


Notice: BBCode tags can be combined to create an even richer formatting but if you do so, make sure to respect the order of the tags or your code might break.

For example: [centre][b]Text[/b][/centre] is correct but [b][centre]Text[/b][/centre] isn't.

For tips and tricks, you can check out this thread by Stefan.

Contents

Text

Bold

Purpose Use this to emphasize words or an entire paragraph.
Dedicated button? Yes: Bold button.png
Note Use this tag sparingly as it creates discomfort for the reader's eyes if it is used too much.
Syntax Write this Get this
[b]Your text here[/b]
Your text here

Italic

Purpose Use this to emphasize words or an entire paragraph in a lighter way than bold.
Dedicated button? Yes: Italic button.png
Syntax Write this Get this
[i]Your text here[/i]
Your text here

Underline

Purpose Use this to emphasize some words by underlining them.
Dedicated button? Yes: Underline button.png
Syntax Write this Get this
[u]Your text here[/u]
Your text here

Strike

Purpose Use this to strike an incorrect word or paragraph.
Dedicated button? Yes: Strike button.png
Syntax Write this Get this
[strike]Your text here[/strike]
Your text here

Color

The color box
Purpose Use this to color text.
Dedicated button? Yes: the color box (see on the right)
Note You can either click on any color in the color box or enter any hexadecimal value or HTML color name (no quotes required).
Use this tag sparingly as some colors like yellow are barely readable on a white background and may cause eye pain.
Syntax Write this Get this
[color=#FF0000]Your text here[/color]
Your text here

Font size

Purpose Use this to make your text smaller or bigger.
Dedicated button? Yes: Font size button expanded.png
Note Only 4 sizes are available: 50 (tiny), 85 (small), 150 (large) and the regular size (normal, which is 100). Using anything else will switch the text back to its normal size.
Syntax Write this Get this
[size=50]Your text here[/size]

[size=85]Your text here[/size]

Your text here

[size=150]Your text here[/size]
Your text here

Your text here

Your text here

Your text here

Spoiler

Purpose Use this to hide a text under a black background. Useful if you plan to talk about a critical scene in a movie or anime and don't want others to know about it. People can still see the hidden text by highlighting it with the mouse.
Dedicated button? Yes: Spoiler button.png (not to be confused with Spoilerbox button.png)
Syntax Write this Get this
[spoiler]I'm so sad the main character died.[/spoiler]
I'm so sad the main character died.

Paragraph

Spoilerbox

Purpose Use this to hide a paragraph from reader's view. Reader can click on the box to reveal (or hide again) the hidden text.
Dedicated buttons? Yes: Spoilerbox button.png Box button.png (not to be confused with Spoiler button.png)
Note A "collapsed text" title is applied by default with the [spoilerbox] tag. If you want to add a custom title, use the [box=] tag as described below.
If you use the [box=] tag, don't forget to put a title, otherwise the collapsed box size will be extremely small. No need to surround the title with quotation marks.
Syntax
[spoilerbox]
Write this Get this
[spoilerbox]A hidden text[/spoilerbox]
Collapsed (default): Spoilerbox collapsed example.png

Expanded: Spoilerbox expanded example.png
Syntax
[box=]
Write this Get this
[box=A custom title]A hidden text[/box]
Collapsed (default): Box collapsed example.png

Expanded: Box expanded example.png

Quote

Purpose Use this to quote somebody.
Dedicated button? Yes: Quote button.png
Note If you put a name, don't forget the quotation marks or it won't work!
Syntax Write this Get this
[quote]What's the point of this?[/quote]
Quote:
What's the point of this?
[quote="peppy"]What's the point of this?[/quote]
peppy wrote:
What's the point of this?

Code

Purpose Use this to write text with a monospaced font (particularly used when pasting source code, hence its name).
Dedicated button? Yes: Code button.png
Syntax Write this Get this
[code]Your text here[/code]
Code:
Your text here

Centre

Purpose Use this to centre a paragraph.
Dedicated button? Yes: Centre button.png
Note Watch the spelling: centre, not center.
Syntax Write this Get this
[centre]Your text here[/centre]
Your text here

Links

URL

Purpose Use this to hide a URL link under some text.
Dedicated button? Yes: URL button.png
Notes No need to use this tag if you plan to paste a URL without hiding it under text: the forum engine will automatically format and shorten the link for you.
No need to surround the URL with quotation marks.
Syntax Write this Get this
Click [url=http://osu.ppy.sh/]here[/url] to go to osu!'s homepage.
Click here to go to osu!'s homepage.

Player profile (not recommended)

Purpose Use this to create a link to a osu! profile page without the need of a URL tag.
Dedicated button? Yes: Profile button.png
Note Warning: this tag isn't name change-proof. In other words, if the player you quote changes their name later, the link won't work anymore.

It is therefore wiser not to use this tag and instead use a regular [url] tag with a link to the player's profile with its ID number (and not its name!) The ID of a user can be found by hovering its avatar in the forums and copying the URL link.

Syntax Write this Get this
[profile]peppy[/profile]'s userpage

but it is recommended to write the following instead to prevent a name change:

[url=http://osu.ppy.sh/u/2]peppy[/url]'s userpage
peppy's userpage






peppy's userpage

Google search

Purpose Use this to create a link to a Google search without the need of a URL tag.
Dedicated button? Yes: Google button.png
Note Google results differ according to the language and location of the person who clicks on the link.
Syntax Write this Get this
[google]osu! academy[/google]
osu! academy

I'm feeling lucky (Google search)

Purpose Use this to create a link to a I'm feeling lucky Google search without the need of a URL tag.
Dedicated button? Yes: Lucky button.png
Note Google results differ according to the language and location of the person who clicks on the link.
Syntax Write this Get this
[lucky]osu! academy[/lucky]
osu! academy

List

Purpose Use this to format a text into a list of items.
Dedicated button? Yes: List button.png List equal button.png List star button.png
Note Square bullets are applied by default with the [list] tag. If you want to change the style of the bullets (e.g. numerical bullets), use the [list=] tag as described below.
Syntax
[list]
Write this Get this
[list]
[*]Item 1
[*]Item 2
[*]Item 3
[/list]
  • Item 1
  • Item 2
  • Item 3
Syntax
[list=]
Write this Get this
[list=1]
[*]Item 1
[*]Item 2
[*]Item 3
[/list]
  • Item 1
  • Item 2
  • Item 3
[list=A]
[*]Item 1
[*]Item 2
[*]Item 3
[/list]
  • Item 1
  • Item 2
  • Item 3
[list=a]
[*]Item 1
[*]Item 2
[*]Item 3
[/list]
  • Item 1
  • Item 2
  • Item 3
[list=I]
[*]Item 1
[*]Item 2
[*]Item 3
[/list]
  • Item 1
  • Item 2
  • Item 3
[list=i]
[*]Item 1
[*]Item 2
[*]Item 3
[/list]
  • Item 1
  • Item 2
  • Item 3

Media

Image

Purpose Use this to insert in your post an image taken from a website.
Dedicated button? Yes: Img button.png
Note You have to upload your image somewhere on the Internet and paste its URL (a.k.a. the thing that starts with http) in the tag otherwise it won't work. For example, "C:\Users\myName\Desktop\image.jpg" is not acceptable.

Here are two quality online hosting services you can try: imgur (webapp, no registration required) and puush (from the creator of osu!, requires the installation of a software on your PC).

Syntax Write this Get this
[img]http://w.ppy.sh/c/c9/Logo.png[/img]
Logo.png

Youtube video

Purpose Use this to insert a Youtube video in your post.
Dedicated button? Yes: Youtube button.png
Note You have to post the ID of the video (i.e. what comes after "v=" in its URL) and NOT the full URL! For example, if the URL is http://www.youtube.com/watch?v=coqSe1gh9NY, you have to post coqSe1gh9NY.
Syntax Write this Get this
[youtube]coqSe1gh9NY[/youtube]
Youtube example.png
(note: in the forums, the video is fully integrated and usable)

Miscellaneous

Stylish title #1

Purpose Use this to insert a big fancy pink title. Primarily used for design purposes.
Dedicated button? No: you have to type this by hand.
Syntax Write this Get this
[heading]Your text here[/heading]
Your text here

Stylish title #2

Purpose Use this to insert a big fancy purple title followed by a line. Primarily used for design purposes.
Dedicated button? No: you have to type this by hand.
Note Only works within the Beatmaps forum!
For a weird reason, it also doesn't work in previews but works after having posted the message.
Syntax Write this Get this
[Your text here]
Your text here

White box

Purpose Use this to insert a white box in which you can write text. Primarily used for design purposes.
Dedicated button? No: you have to type this by hand.
Syntax Write this Get this
[notice]A first line
A second line[/notice]
A first line
A second line


List of Guides in osu!
FAQ/Ranking Guidelines
General Mapping Guides What is a beatmap? How do I beatmap? How do beatmaps get ranked? Difficulty appropriate gameplay elements How to time songs Song Setup Mapping Taiko Difficulties Fitting the Size-limit
Modding Aides AIBat
Mapping Techniques Mapping Techniques Making Good Sliders How to do 15° Patterns
Modding Info How do I mod?
Skinning/Hitsound Guides

Cropping with Complex Backgrounds Cropping with Simple Backgrounds Making Properly Centered Spinners What are Custom Sample Overrides? Custom Hitsound Library Adding custom hitsounds

Storyboarding Guides Storyboard Scripting Storyboard Scripting (Cheat Sheet) SGL Tool Reducing SB Load
Audio Editing Guides Audio editing Basic MP3 modifications Getting songs from Video Games
Video Editing Guides Compressing Videos Videos from YouTube
Gameplay Guides Play Styles How to increase your rank Making nice recording for Youtube Live streaming osu! How do I use the Chat Console?
Common Mistakes Changing the Map's Artist or Title
osu!forums Guides BBCode Starting a Beatmap Project How to not Embarrass Yourself in the Projects Subforum How to not Embarrass Yourself in the Modding Queues Subforum
Miscellaneous BanchoBot Changing Title Text Music Theory Setting the Offset on the Correct Beat Collab Information Shortcut Key Reference GL Support Issues What is Internet Relay Chat? How to Run osu! on Your Mac without using Boot Camp



Contents of
Logo.png
wiki
Getting Started Registration Installation Newbie's guide Game Interface Options Hit Objects
osu! Game Styles Basic explanation Multi-play
External ports » osu!stream osu!droid opsu! osu!wp T-Aiko Beats
External clients » osu!tourney osu!MapDownloader
World of osu!
Miscellaneous » Mascots osu!academy osu!talk
Beatmap Editor Compose / Design (Scripting) / Timing / Song Setup

Beatmapping Beat Snap Divisor / Distance Snap Custom Sample Overrides Kiai Time Mapping Techniques Skinning Skin.ini Storyboarding

Online Editing
and Ranking
Beatmap forum Submission Beatmap Approval (How to Get Your Map Ranked) Modding (Getting Your Map Modded) Music Theory Audio Editing Kudosu / Star Priority
People The Team Administrators/Global Moderation Team Quality Assurance Team Beatmap Nomination Group Language Moderators osu! Alumni Support Team Community Contributors List of notable people