What is BBCode?

[TimerClock14]

BBCode stands for Bulletin Board Code. It is the main code used in these forums when making things as simple as red text to

Fancy

tables

like

this.

and everything inbetween.

Most of the BBCode used in these forums is available at the push of a button or by selection from a drop-down box.
What most people get confused on are the complex workings of tables. Truth is, they aren't that complex at all.

EDIT: you don't need to know this part, so i got rid of it xD

Getting back to the point:
when coding in BBCode, always remember that any formatting code must be contained within brackets []. If they aren't then it will look like you sat on your keyboard, had your cat dance on it, and then hit it with a hammer. 
any premade codes (made by SG to display a certain image when ____ is typed) will start with a colon ( : <-- this thing) this includes things like the element symbols ( , , , , ) Please note that unless there is a space before the colon, the image won't appear.

Since most of the buttons are very self-explanatory, I will just skip to building tables.
I will organize this in a nifty little table ^_^

BBCode (disambiguation) Please note that everything in the first column will be within brackets when used table This is used to declare a table sequence, it will always start and end a table. you can even have a table inside a table! tr Declares a row td Declares a column center Aligns text to center. Most often used as a header (like the green text in this table). Can replace the tr code right Aligns text to the right. Can be used for micromanaging. left Aligns text to the left. Can be used for micromanaging. hr Places a bar across the post (used further above). user Place this around a username and it will take you to that user's profile. eg: TimerClock14. a wonderful replacement to the url code. url most efficiently used when written as: [ url=<insert url here>] text[/url ] this embeds the link into a string. There is a certain user who is known to place links in smileys.

Code: [Select]

[table]
[center][size=24pt][color=#006600][font=trebuchet ms]BBCode (disambiguation)[/font][/color][/size][/center]
[table]
[center][table]
[tr]
[size=18pt][color=#CC0000][font=impact] Please note that everything in the first column will be within brackets when used[/font][/color][/size]
[/tr]
[/table][/center]
[tr]
[td] table[/td][td] This is used to declare a table sequence, it will always start and end a table. you can even have a table inside a table![/td]
[/tr]
[tr]
[td] tr[/td][td] Declares a row[/td]
[/tr]
[tr]
[td] td[/td][td] Declares a column[/td]
[/tr]
[tr]
[td] center[/td][td] Aligns text to center. Most often used as a header (like the green text in this table). Can replace the tr code[/td]
[/tr]
[tr]
[td] right[/td][td] Aligns text to the right. Can be used for micromanaging.[/td]
[/tr]
[tr]
[td] left[/td][td] Aligns text to the left. Can be used for micromanaging.[/td]
[/tr]
[tr]
[td] hr[/td][td] Places a bar across the post (used further above).[/td]
[/tr]
[tr]
[td] user[/td][td] Place this around a username and it will take you to that user's profile. eg: [user]TimerClock14[/user]. a wonderful replacement to the url code.[/td]
[/tr]
[tr]
[td] url[/td][td] most efficiently used when written as: [ url=<insert url here>] text[/url ] this embeds the link into a string. There is a certain user who is known to place links in smileys.[/td]
[/tr][/table]
[/table]And, well...that's all there is to it! Pretty easy right?

[Kamietsu]

Don't forget about more specialized color codes using hexadecimal. Then you can get a much larger spectrum of colors such as:

This

or this

Maybe even this

sometimes this

and this.

[kobisjeruk]

stating that theres a forbidden code will entice people into looking for it

ABORT! ABORT!

[suxerz]

Not entirely familiar with BBcodes.. so, is there a way that you can specify table's width and/or height?

[TimerClock14]

Not entirely familiar with BBcodes.. so, is there a way that you can specify table's width and/or height?

not really...

[ddevans96]

Coding:	Description:	Result:
{b}{/b}	makes text bold	bold
{i}{/i}	makes text italics	italics

I'm going to practice making a table, because I suck at it

[Daxx]

Not entirely familiar with BBcodes.. so, is there a way that you can specify table's width and/or height?

Unfortunately I haven't found a way to do this yet, and it may not be possible. It appears that a table matches the user's display width if it would exceed it, and wraps text to suit keeping proportions based on the amount of text it needs to wrap. You can include line breaks in your text so that the column text wraps at specific points. As for height, you can include line breaks within a table row or alter font size (possibly both at the same time) to alter its height somewhat, but that's a bit of an ugly hack and might not suit every purpose. One other missing feature is the ability to stretch single cells across columns. On the whole tables are a fantastic feature.

[TimerClock14]

the alignment codes work for that purpose, as they can replace the tr and td codes (therefore stretching the cell across columns)

[Daxx]

Firstly, without the tr & td tags:

THIS IS A TEST TABLE A column And another If I am correct, this just ends up making a table within a table.

EDIT: Yep.

And including the tr tags but not the td ones, this will make a table with only a single cell on the top row:

THIS IS A TEST TABLE
A column	And another

EDIT2: Yep.

I'm not sure what exactly you mean - could you demonstrate for us?

[TimerClock14]

THIS IS A TEST TABLE A column And another If I am correct, this just ends up making a table within a table.

Code: [Select]

[table]
[center]THIS IS A TEST TABLE[/center]
[tr]
[td]A column[/td][td]And another[/td]
[/tr]
[center]
[td]If I am correct, this just ends up making a table within a table.[/td]
[/center]
[/table]
Remember that alignment codes replace the tr (row) code

THIS IS ALIGNED TO THE CENTER Column Column

[Daxx]

That's a series of tables within a table, which whilst it has a similar effect isn't quite what I was looking for. The forum alters your code after you post it. Quote your own post and see.

[suxerz]

I believe the only way is to nest tables within table to get the stretching cell across columns, but again I might be wrong. It'll be great if table works the same as in HTML... oh well, thanks for providing the feedback.

Been googling around and I found this (http://www.teamopolis.com/tools/bbcode-table-generator.aspx) to make life much easier to make tables. One note - table header ([th][/th])doesn't seem to work in this forum. So, when using this tools you might want to turn off the table header option. Hope that this will help someone.