So I noticed a few people didn't know much BBCode, so I thought I'd provide some information for everyone. I hope this helps you.

An Introduction to BBCode
What is BBCode? It is a small coding language to provide some basic effects, such as bold, italics, underline, and many other things. It is derived from HTML, which is the backbone of any website, along with a combination of Cascade Spreadsheets (CSS), Javascript, and many other language. It is basically a simplified version of HTML mainly used on forums such as this one to provide easier access to effects without extensive knowledge of coding. In this tutorial, I will be providing you a few BBCodes that work on ForuMotion forums.

Formatting
Bold: [*b]Your text here![/b]
Your text here!

Italics: [*i]Your text here![*/i]
Your text here!

Underline: [*u]Your text here![*/u]
Your text here!
*note* Generally ended before a punctuation park. Like so:
[*u]Your text here[*/u]!

Strikeout: [*strike]Your text here![*/strike]
Your text here!

Alignments

Left Alignment: [*left]Your text here![*/left]

Center Alignment: [*center]Your text here![*/center]

Right Alignment: [*right]Your text here![*/right]

Justified Alignment: [*justify]Your text here![*/justify]
Not sure what justified alignment is...

Lists
Bulleted Lists: (see below)
Beginning Tag: [*list]
Ending Tag: [*/list]
For each bullet you wanna put in, you must put [*] before it.

Example:
[*list][*]Your text here!
[*]Your text here![*/list]
Turns into...

• Your text here!
  
• Your text here!

Numbered, Lettered, etc Lists
Beginning Tag: [*list=Value] (Value could be A, a, 1, or others, I haven't looked much into all the possibilities of what Value could be.)
Ending Tag: [*/list]
Same bullet rule as above.

Example:
[*list=A][*]Your text here!
[*]Your text here![*/list]
Turns into...

1. Your text here!
   
2. Your text here!

Other Codes
Image: [*img]url goes here[*/img]


Quote: [*quote]Your text here![*/quote]

Quote :

Your text here!

You could also use this, which lists a name instead of just "Quote", like so:
[*quote="Zellogi"]Your text here![*/quote]

Zellogi wrote:

Your text here!

URL: [*url] http://www.google.com/ [*/url]
http://www.google.com/
You can also make a piece of text a link as well, by doing this:
[*url=http://www.google.com]Google[*/url]
Google

Size: [*size=number]Your text here![*/size]
Your text here!
*note* The number can be any whole number between 1-29. If you try 30, the code will not work. If you try 0, the text will disappear completely, and you'll have to put a different number.

Colors: [*color=color]Your text here![*/color]
Your text here!
*note* You can use the name of the color (red) or the 6 digit hex code for that number (#FF0000). The list of colors you can use by name are:
Dark Red (The code name is darkred, with no spaces)
Red
Orange
Brown
Yellow
Green
Olive
Cyan
Blue
Dark Blue (The code name is darkblue, with no spaces)
Indigo
Violet
White
Black

And the code to use the hex code is:
[*color=#123456]Your text here![*/color]
Your text here!

Fonts: [*font=Comic Sans Ms]Your text here![*/font]
Your text here!
You can use any font, but be aware that people who do not have that font installed on their computer will only see the forum's default font.

Subscripts: [*sub]Your text here![*/sub]
_{Your text here!}

Superscripts: [*sup]Your text here![*/sup]
^{Your text here!}

Spoilers: [*spoiler]Your text here![*/spoiler]

Spoiler:

You can also name spoilers.
[*spoiler=name]Your text here![*/spoiler]

name:

Scrolling Text:
Horizontal: [*scroll]Your text here![*/scroll]
Your text here!

Vertical: [*updown]Your text here![*/updown]
Your text here!

There are a few more advanced ones, like adding videos, flash, and stuff, but I'm not gonna go into that.

NOTE: In order to get any of the codes working, you MUST take the * out of the example codes.
The above does not apply to the [*] part of the list codes. That is mandatory to create the bullet points.

One other thing, if you ever make a topic and click the "Others" button on the list of codes, you'll see two I didn't discuss, called "Random" and "WoW". I tested these, and as far as I know, they're dummy codes. The "Random" one's tag is [*rand], but I tested it and nothing happened. Same thing for the "WoW" code. Its tag is [*wow].

Lemme know how I did.

Zell.

AutumnRain wrote:

I also wanna add something if it's okay

How to make a table with BBCode

Cell 1 Cell 2

Cell 4	Cell 5
Cell 7	Cell 8	Cell 9	Cell 10

Below is the code I used:

Code:

[table border="3" width="500px" height="250px" align="center"]
[tr]
[td= rowspan=2]Cell 1 [/td]
[td= colspan=2]Cell 2 [/td]
[td]Cell 4 [/td]
[td]Cell 5 [/td]
[/tr]
[tr][td]Cell 7 [/td]
[td]Cell 8 [/td]
[td]Cell 9 [/td]
[td]Cell 10 [/td]
[/tr]
[/table]

- Border: The width of the border of the table. Default number is 1.
- Width: The width of the whole table. I'm using px as the unit here.
- Height: THe height of the whole table. Same as Width.
- Align: There are 3 values - Left, Right, Center. Alignment of the whole table. Default value is left.
- [tr][/tr]: Indicate a row of the table.
- [td][/td]: Indicate a cell within a row.
- Rowspan: Merge cells vertically. Lowest value is 2.
- Colspan: Merge cells horizontally. Lowest value is 2.

---

Feel free to ask if you're confused about anything ^__^

I think you did it well, I knew them already, but think for ppl which don't know it, should understand it.

Great Job!

I noticed that a few people didn't, because they were asking about them in the FAQ Danni made, and thought I'd make a spot where they could go to learn them. I ran into a little trouble with the big Alignment, because it would do the bold, but not the size... Turns out I had messed up an earlier size tag, which messed the whole thing up, but I fixed it.

Hope everyone understands this, and if you find a part confusing, let me know so I can clarify on it!

Zell.

I also wanna add something if it's okay

How to make a table with BBCode

Cell 1 Cell 2

Cell 4	Cell 5
Cell 7	Cell 8	Cell 9	Cell 10

Below is the code I used:

Code:

[table border="3" width="500px" height="250px" align="center"]
[tr]
[td= rowspan=2]Cell 1 [/td]
[td= colspan=2]Cell 2 [/td]
[td]Cell 4 [/td]
[td]Cell 5 [/td]
[/tr]
[tr][td]Cell 7 [/td]
[td]Cell 8 [/td]
[td]Cell 9 [/td]
[td]Cell 10 [/td]
[/tr]
[/table]

- Border: The width of the border of the table. Default number is 1.
- Width: The width of the whole table. I'm using px as the unit here.
- Height: THe height of the whole table. Same as Width.
- Align: There are 3 values - Left, Right, Center. Alignment of the whole table. Default value is left.
- [tr][/tr]: Indicate a row of the table.
- [td][/td]: Indicate a cell within a row.
- Rowspan: Merge cells vertically. Lowest value is 2.
- Colspan: Merge cells horizontally. Lowest value is 2.

---

Feel free to ask if you're confused about anything ^__^

Awsome,thanks.I feel smarter now xD

you sir... ARE AMAZING!!!

i didnt know half this stuff and i run the forum LMAO

great job :) ill probably try some of these out at some point, like the list one.

Great job. heres a cookie for you

I forgot about the table..... I completely forgot to add it xD

Thanks everyone, hope this helps you all out.

AutumnRain wrote:

I also wanna add something if it's okay

How to make a table with BBCode

Cell 1 Cell 2

Cell 4	Cell 5
Cell 7	Cell 8	Cell 9	Cell 10

Below is the code I used:

Code:

[table border="3" width="500px" height="250px" align="center"]
[tr]
[td= rowspan=2]Cell 1 [/td]
[td= colspan=2]Cell 2 [/td]
[td]Cell 4 [/td]
[td]Cell 5 [/td]
[/tr]
[tr][td]Cell 7 [/td]
[td]Cell 8 [/td]
[td]Cell 9 [/td]
[td]Cell 10 [/td]
[/tr]
[/table]

- Border: The width of the border of the table. Default number is 1.
- Width: The width of the whole table. I'm using px as the unit here.
- Height: THe height of the whole table. Same as Width.
- Align: There are 3 values - Left, Right, Center. Alignment of the whole table. Default value is left.
- [tr][/tr]: Indicate a row of the table.
- [td][/td]: Indicate a cell within a row.
- Rowspan: Merge cells vertically. Lowest value is 2.
- Colspan: Merge cells horizontally. Lowest value is 2.

---

Feel free to ask if you're confused about anything ^__^

might be nice to add how u did the little scrolly part (unless you did already lmao) this is great :) i always like making tables, but then never know how to do them XD thanks for adding it lols

Yeah I covered that in the initial post already.

[scroll]Your text here![/scroll]

^ That ^

ohh ok lol i didnt see it xD