BBCode (for the Forum)

Introduction

This is a list of all BBCode tags available for use on our forums. Some of these are standard, others are only available at this site.

Text Formatting

Bold

[b]text[/b]

Italic

[i]text[/i]

Underlined

[u]text[/u]

Strikethrough

[s]text[/s]

Subscript

[sub]text[/sub]

Superscript

[sup]text[/sup]

Text-Size

[size=50]tiny[/size]
[size=85]small[/size]
[size=150]large[/size]
[size=200]huge[/size]

Text-Color is specified with either a color name or a hexidecimal color code

[color=red]text[/color]
[color=#FF0000]text[/color]

both of the above would return the same color

Text Alignment

All the text alignment tags have two options but they all produce the same results.

Left

[left]text[/left]
[align=left]text[/align]

Center

[center]text[/center]
[align=center]text[/align]
[right]text[/right]
[align=right]text[/align]

Justified

[justify]text[/justify]
[align=justify]text[/align]

Automatically parsing URLs

phpBB3 will automatically parse urls if you have the option to "Do not automatically parse URLs" unchecked, they are parsed if they confine to the following forms:

http://....com
www....com

note that the "www" is required in the second example

URL Tags

You may optionally use the url tags if you have checked the option to "Do not automatically parse URLs." Many times it may be necessary to uncheck it if you are trying to avoid phpBB3 parsing something it shouldn't.

[url]http://....com[/url]
[url]www....com[/url]

note that the "www" is required in the second example

Urls that display as regular text, but can be clicked on

[url=http://....com]text[/url]

Code

Note that in some rare instances it has been necessary for users to disable Automatic URL's and/or smilies to display code completely correct.

Blocks

yourCode();

Inline Code

[codeinline]<mytag>[/codeinline]

or

[c]<mytag>[/c]

the results are the same

Preformatted Text

[pre]some text    retaining spacing and such[/pre]

Block Quotes

For quoting text from a reference or other users even.

[quote]text[/quote]

Specifying a user:

[quote="nameofuser"]text[/quote]

Iframes

You may use iframes, but please limit this and only do it if you know the site does not mind.

[ifr=URL]Height[/ifr]

Example, a 200 pixel tall iframe:

[ifr=http://....com]200[/ifr]

Alternatively there is another tag that allows for specification of some extra attributes:

[iframe=URL]Width,Height,Border[/iframe]

Example, a 400 pixel wide, 200 pixel tall, border of 1 iframe:

Iframe: [iframe=http://....com]400,200,1[/iframe]

Images

Note that our image tag is a little different than other forums, it allows for the use of data:uri encoded strings. Aside from that it operates the same

[img]http://....jpg[/img]

Example of a data:uri encoded string:

[img]data:image/x-icon;base64,...[/img]

Image Wrapping

You may wrap an image in text:

[imgwrap=left|right]http://....jpg[/imgwrap]

where you should choose the placement of the image as either left or right of the post.

Custom Buttons

Most of the time you can just "Shift+Right-Click" on your button and choose the option for "Copy as BBCodeLink" then paste the contents of your clipboard to your post.

However, in the instance that you need to construct the tag:

[cb=ButtonURL~-+ButtonImage]ButtonName[/cb]

Sometimes you may see users link to posts on the forum, where the link looks like it is actually a button. This is done using the cb tag from above.

[cb=PostURL~-+ButtonImage]ButtonName[/cb]

Lists

There are two types of lists available, Ordered and Unordered.

Unordered

[list][*]Item 1
[*]Item 2
[*]Item 3
[/list]

Where the [*] represents the bullet

Ordered

There are 5 types of ordered lists, the type is specified by what is put within the first tag:

[list=1|I|i|A|a][*]Item 1
[*]Item 2
[*]Item 3
[/list]

If you use a 1, you will get a list such as:

  1. Item 1
  2. Item 2
  3. Item 3

If you use an I, it will use Roman Numerals. So on So forth.

It is also worthy to note that you cannot specify an arbitrary number for the lists.

[list=5][*]Item 5
[*]Item 6
[*]Item 7
[/list]

This would not return the expected results, instead it would start at number 1.

Toggle

This is quite specific to this forum. It allows you to add a section of text that you would like to be hidden by default. Upon clicking the Link the text becomes visible, clicking again will hide it again. Very useful for hiding all that Change Log information that no one really needs unless they really want it.

[toggle=Change Log]Hidden Text[/toggle]

When the page loads you would see:
Show Change Log

Once clicked you would see:
Hide Change Log
Hidden Text

Tables

Specifies that all elements within are table elements

[table]...[/table]

Header row

[th]...[/th]

Normal row

[tr]...[/tr]

Cells

[td]...[/td]

note that there should be cells within the header and normal rows.

Example, putting it all together:

[table]
  [th]
    [td]Column 1[/td][td]Column 2[/td]
  [/th]
  [tr]
    [td]Cell 1[/td][td]Cell 2[/td]
  [/tr]
  [tr]
    [td]Cell 3[/td][td]Cell 4[/td]
  [/tr]
[/table]

note that the above example has a lot of whitespace and linebreaks. If you do this on the forum you will end up with a bunch of space after your table. Why? A bug. So what should the above table really look like?

[table][th][td]Column 1[/td][td]Column 2[/td][/th][tr][td]Cell 1[/td][td]Cell 2[/td][/tr][tr][td]Cell 3[/td][td]Cell 4[/td][/tr][/table]

yes, it is much more difficult to read, but it is the best we have.

Output:

Column 1 Column 2
Cell 1 Cell 2
Cell 3 Cell 4

Anchors

Anchor

[anchor]TargetAnchor[/anchor]

Link Back

[goto=TargetAnchor]Any Text[/goto]

Other

Google

Make a google search for a word:

[google]word[/google]

Produces Google word

Wikipedia

Do a Wikipedia search

[wikipedia]word[/wikipedia]

Produces Wikipedia word

Edit

A tag for moderators to specify any changes with a timestamp, very obvious.

[edit=userName,userNumber,Time]editsMade[/edit]

Comments

A tag to place a comment in the code, for other people editing your post or yourself to see later.

[note]comments[/note]

Various Others

There are various others tags that simply link to different pages on the site (noted next to the tags are the places they link):

Tag Link
[bbcodes] BBCode Guide
[efaq] Extension FAQ
[home] Custom Buttons² Homepage
[index] Forum Index
[esupport] Extension Support
[fsupport] Forum Support
[buttons] Button Database
[graveyard] Graveyard
[requests] Button Requests
[kitchen] Data URI Kitchen
[pastebin] Pastebin
[search] Search