Posting Help! (BBcode guide) (WIP)

[SalyaDarken]

Here is the thread where myself and the staff will update and add to the guide over time.

Navigation
> Floor 1 - Text
> Floor 2 - Lists
> Floor 3 - Photos
> Floor 4 - Table
----

[SalyaDarken]

Floor 1> Text codes

On this floor you will learn what codes will do what to your text.

Bold

Code: Select all

[b]text[/b]

Italic

Code: Select all

[i]text[/i]

Underline

Code: Select all

[u]text[/u]

strike

Code: Select all

[s]text[/s]

Sizes-
tiny
small
normal
large
huge

Code: Select all

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

Align

center

left

right

Code: Select all

[align=center]center[/align]
[align=left]left[/align]
[align=right]right[/align]

Justify

Code: Select all

[justify]text[/justify]

colored text
also colored text

Code: Select all

[color=#0000FF]colored text[/color]
[color=red]also colored text[/color]

pre text

Code: Select all

[pre]pre text[/pre]

_{i am sub-text!}

Code: Select all

[sub]i am sub-text![/sub]

^{i am sup-text!}

Code: Select all

[sup]i am sup-text![/sup]

^{_{sub/sup mixed!}}

Code: Select all

[sup][sub]sub/sup mixed![/sub][/sup]

[SalyaDarken]

Floor two > List

• this
• is
• a
• normal
• list

Code: Select all

[list][*]this
[*]is
[*]a
[*]normal
[*]list[/list]

• this
• is
• a
• circled
• list

Code: Select all

[list=circle][*]this
[*]is
[*]a
[*]circled
[*]list[/list]

• this
• is
• a
• squared
• list

Code: Select all

[list=square][*]this
[*]is
[*]a
[*]squared
[*]list[/list]

1. this
2. is
3. a
4. ordered type 1
5. list

Code: Select all

[list=a][*]this
[*]is
[*]a
[*]ordered type 1
[*]list[/list]

1. this
2. is
3. a
4. ordered type 2
5. list

Code: Select all

[list=i][*]this
[*]is
[*]a
[*]ordered type 2
[*]list[/list]

1. this
2. is
3. a
4. ordered type 3
5. list

Code: Select all

[list=1][*]this
[*]is
[*]a
[*]ordered type 3
[*]list[/list]

[SalyaDarken]

Floor 3 - Photos

Insert photos using [img*] [/img]

Code: Select all

[img]Photo link here[/img]

Floated photos

Left

Right

This also works with text.

Code: Select all

[float=left]left[/float]
[float=right][/float]

[SalyaDarken]

Floor 4 - Tables

Table Header	Table Header	Table Header
Table Text	Table Text	Table Text
Table Text	Table Text	Table Text
Table Text	Table Text	Table Text
Table Text	Table Text	Table Text
Table Text	Table Text	Table Text

Code: Select all

[table=#808080]
[tr]
[th=#696969]Table Header[/th]
[th=#696969]Table Header[/th]
[th=#696969]Table Header[/th]
[/tr]
[tr]
[td=#778899]Table Text[/td]
[td=#778899]Table Text[/td]
[td=#778899]Table Text[/td]
[/tr]
[tr]
[td=#778899]Table Text[/td]
[td=#778899]Table Text[/td]
[td=#778899]Table Text[/td]
[/tr]
[tr]
[td=#778899]Table Text[/td]
[td=#778899]Table Text[/td]
[td=#778899]Table Text[/td]
[/tr]
[tr]
[td=#778899]Table Text[/td]
[td=#778899]Table Text[/td]
[td=#778899]Table Text[/td]
[/tr]
[tr]
[td=#778899]Table Text[/td]
[td=#778899]Table Text[/td]
[td=#778899]Table Text[/td]
[/tr]
[/table]