BBCode

BBCode or Bulletin Board Code is a lightweight markup language used to format posts in many message boards. The available tags are usually indicated by square brackets ([ ]) surrounding a keyword.

BBCode is used on this site for create textual content, such as guides, forum posts, comments and more.
Below we list the list of all BBCode TAGS available, specifying which of these are available for comments, forum posts or content.

1[b]

Bold text.

Markup : [b]Bold[/b] Render : Bold

2[i]

Italic text.

Markup : [i]Italic[/i] Render : Italic

3[u]

Underlined text.

Markup : [u]Underlined[/u] Render : Underlined

4[s]

Stricken-through text.

Markup : [s]Strikethrough[/s] Render : Strikethrough

5[quote]

Formats a quote.

Markup : [quote]This text is quoted[/quote] Render :
This text is quoted.

6[size]

Changes the text size in pixel.

Markup : [size=50]Text of 50px[/size] Render : Text of 50px

7[abbr]

Identifies the content as an abbreviation and displays the full meaning in a tooltip.

Markup : [abbr=et cetera]etc.[/abbr] Render : etc.

8[acronym]

Puts a tooltip over the contained text, which displays the full meaning of the acronym.

Markup : [acronym=BBCode: Bulletin Board Code]BBCode[/acronym] Render : BBCode

9[center]

Aligns text in the center.

Markup : [center]Centered text[/center] Render :

Centered text

10[justify]

Aligns text as a justified block.

Markup : [justify]Lorem ipsum[/justify] Render :

Lorem ipsum

11[left]

Aligns text on the left side.

Markup : [left]Left-aligned text[/left] Render :

Left-aligned text

12[right]

Aligns text on the right side.

Markup : [right]Right-aligned text[/right] Render :

Right-aligned text

13[indent]

Indent text from left in pixel.

Markup : [indent=50]This text is indent 50 pixel[/indent] Render :
This text is indent 50 pixel

14[url]

Formats a Hyperlink.

Markup : [url=http://aboutpvp.com]AboutPvP[/url] Render : AboutPvP

Formats a Hyperlink, takes url from content text

Markup : [url]http://aboutpvp.com[/url] Render : http://aboutpvp.com

15[h2] [h3] [h4] [h5] [h6]

Level n heading. [h2] to [h6] These will produce section headers of varying size, [h1] is disabled for normal user.

Markup : [h2]Chapter[/h2] Render :

Chapter

16[hr]

Horizontal divider.

Markup : [hr] Render :

Horizontal divider with different size(px) and color

Markup : [hr color=#ffa200 size=10] Render :

17[color]

Changes the text color. You may enter a color word (red) or a hex code with hash sign (#ff0).

Markup : [color=#f80]Orange text[/color] Render : Orange text

18[bgcolor]

Changes the background color. You may enter a color word (red) or a hex code with hash sign (#ff0).

Markup : [bgcolorr=#005fc9]Blue background[/bgcolor] Render : Blue background

19[code]

Formats the content text as code, in Monospace and with a grey box around it. BBCode tags within this tag will not be parsed.

Markup : [code]Code text[/code] Render : Code text

20[font]

Change the font of the text.

Markup : [font=arial]Arial text[/font] Render : Arial text

21[columns]

Create a table with columns.

Markup : [columns] [cl]First column [cl]Second column [cl]Third column [/columns] Render :
First column Second column Third column

Create a table with columns, with different size(px).

Markup : [columns] [cl=150]First column [cl=100]Second column [cl=50]Third column [/columns] Render :
First column Second column Third column

22[face]

Insert an emoticon.

Markup : [face=evil] Render :

23[icon]

Insert a game special icon with tooltip.

Markup : [icon game=dota-2]boots-of-speed[/icon] Render : Boots of Speed

Insert a game special icon with tooltip, with different size(px)

Markup : [icon game=dota-2 size=200]boots-of-speed[/icon] Render : Boots of Speed

24[img]

Displays a picture width default size.

Markup : [img]http://www.magic4walls.com/wp-content/uploads/2014/01/dota2-dota-wallpaper-phantom-assassin.jpg[/img] Render : IMAGE(http://www.magic4walls.com/wp-content/uploads/2014/01/dota2-dota-wallpaper-phantom-assassin.jpg)

Displays a picture, with different size heightxwidth

Markup : [img=100x100]http://www.magic4walls.com/wp-content/uploads/2014/01/dota2-dota-wallpaper-phantom-assassin.jpg[/img] Render : IMAGE(http://www.magic4walls.com/wp-content/uploads/2014/01/dota2-dota-wallpaper-phantom-assassin.jpg)

Displays a picture, with different width or height, or both.

Markup : [img width=100]http://www.magic4walls.com/wp-content/uploads/2014/01/dota2-dota-wallpaper-phantom-assassin.jpg[/img] Render : IMAGE(http://www.magic4walls.com/wp-content/uploads/2014/01/dota2-dota-wallpaper-phantom-assassin.jpg)

25[youtube]

Embed a Youtube video, with default size 560x315

Markup : [youtube]ASrRZ_XMR6s[/youtube] Render :

Embed a Youtube video, with different size heightxwidth

Markup : [youtube=224x126]ASrRZ_XMR6s[/youtube] Render :

Embed a Youtube video, with different width or height, or both.

Markup : [youtube width=200]ASrRZ_XMR6s[/youtube] Render :

26[pvpvideo]

Embed a Aboutpvp video, with default size 560x315

Markup : [pvpvideo]videos/dota-2/basic-video-example[/pvpvideo] Render :

Embed a Aboutpvp video, with different size heightxwidth

Markup : [pvpvideo=224x126]videos/dota-2/basic-video-example[/pvpvideo] Render :

Embed a Aboutpvp video, with different width or height, or both.

Markup : [pvpvideo width=200]videos/dota-2/basic-video-example[/pvpvideo] Render :

27[list]

Formats a list. ol and ul may be entered as an option, making the list items numbered, non-numbered, square and more.

Markup : [list=ol] [*]Apples [*]Oranges [*]Bananas [/list] Render :
  • Apples
  • Oranges
  • Bananas

28[spoiler]

Wrap text in a Spoiler that can open with a click.

Markup : [spoiler=This is a spoiler]Bla bla bla bla[/spoiler] Render :
This is a spoiler
Bla bla bla bla

29[sub]

Sets text to be smaller and below the line.

Markup : [sub]Subscript[/sup] Render : This is Subscript

30[sup]

Sets text to be set smaller and above the line.

Markup : [sup]Superscript[/sup] Render : This is Superscript