Text formatting guide

This is a guide for text formatting on this website whenever it is allowed. If a text field has a link to this page below it supports formatting.

The majority is done through BB Code, which is a simplified version of HTML code used in forums and similar to offer an easy way to format messages.
This site uses the jBBCode extension to integrate such functionality.

We also have support for @mentions!

Basic formatting

Basic text formatting includes bold, italics, underline, and strikethrough text. You can make bold text with the [b] tag, italics with [i], add underlines using [u] and strikethrough text with [s].

My name is [b]Demi[/b]. [i]BB Code[/i] is really useful, isn't it? In fact, it's [u]essential[/u] to make your posts look [s]worse[/s] better. My name is Demi. BB Code is really useful, isn't it? In fact, it's essential to make your posts look worse better.

Colored text

With the [color] tag you can easily color text. You can do it with color names or with HEX codes.

[color=red]This text is red.[/color]
[color=#1E90FF]This text is blue.[/color]
This text is red.
This text is blue.
[color=red]This text is red.[/color]
[color=#1E90FF]This text is blue.[/color]
This text is red.
This text is blue.

Hyperlinks

There's two ways of creating hyperlinks. You can use the URL alone, or put it as a parameter and then the text that will be displayed between the tags.

[url]https://www.demirramon.com[/url] https://www.demirramon.com
[url=https://www.demirramon.com]Demirramon's hideout[/url] Demirramon's hideout

Images

You can use the [img] tag to display images. If you want, you can also add alt text (using "quotes" for more than one word) which will display when hovering over the picture or if it can't load. It's also useful to screen readers.

[img]https://www.demirramon.com/img/icons_site/demi.png[/img]
[img="Demi icon"]https://www.demirramon.com/img/icons_site/demi.png[/img]
Demi icon

This is how it would look like if these two images couldn't be loaded:

[img]https://www.demirramon.com/asdfg.png[/img]
[img="Demi icon"]https://www.demirramon.com/asdfg.png[/img]
Demi icon

Bullet and numeric lists

With the [ul] (or [list]) tag you can create bullet lists, and with [ol] (or [orderedlist]) you can make numeric ones. Then with [li] you can define the items inside.

[ul]
[li]Item 1[/li]
[li]Item 2[/li]
[li]Item 3[/li]
[/ul]
  • Item 1
  • Item 2
  • Item 3
[ol]
[li]Item 1[/li]
[li]Item 2[/li]
[li]Item 3[/li]
[/ol]
  1. Item 1
  2. Item 2
  3. Item 3

Centering text

You can also choose how to center your text. Using one of these tags will make it so the text has full-width and aligns the way you chose, like in the following example:

[left]Put me on the left[/left]
[center]Put me on the center[/center]
[right]Put me on the right[/right]
Put me on the left
Put me on the center
Put me on the right

Quotes

You can quote something another person said by using the [quote] tag.

[quote]Someone said this, but who knows who it was.[/quote]
Someone said this, but who knows who it was.

You can also specify who's the author of the quote!
To put more than one word as the author you will have to surround it by "double quotes", or put a @ at the beginning to tag a user.

[quote=@Demirramon]I definitely said this at some point! I think.[/quote]
I definitely said this at some point! I think.

[quote="Some other person"]It was me who said the thing. But who am I, I wonder.[/quote]
Some other person
It was me who said the thing. But who am I, I wonder.

Quotes can be nested, but the second one's contents will be limited to one line and any deeper level will not be displayed.
This has been done to avoid quotes making comments hard or impossible to read, on top of preventing performance issues.

Mentions

You can use mentions to link to a user profile. If you mention someone in a comment that user will be notified. Mentions will not turn into links if the username doesn't match any existing user.

And then I told @Demirramon: it was @Kean who said so! And then I told @Demi : it was @Kean who said so!