Adding flair to posts.

[Grimace]

Tutorial: Adding flair to your posts!

Part One: Introduction to BBCode Part Two: Making your first table. Part Three: Adding design to tables. Part Four: Photomanipulations.

[Grimace]

Part One: Introduction to 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, and they are parsed by the message board system before being translated into a markup language that web browsers understand—usually HTML or XHTML." - taken from wikipedia Now, I'm too lazy to make you a tutorial on this so if you need to, you can visit en.wikipedia.org/wiki/BBCode and it will provide you with a decent tutorial and HTML examples of each BBCode.

[Grimace]

Part Two: Making your first table.

Now a table consists of a few elements. I will now explain those. Table - The opening of a table. Tbody - The table "body". TR - Table Row. TD - A cell in the table. Your first table should have this coding: which in turn turns out to be like this: Cell One Where as if you want to add additional rows, you add additional "[TD]" tags. Which is like this: Cell One Cell Two And so on and so forth. Now, to add another row, you would do this: Which in turn gives you: Row One Row Two On these examples I have added a 1 px border and that's the next part I'm going to get into, adding design to your table.

[Grimace]

Part Three: Adding Design to Tables.

Adding design to a table is as simple as placing a "style" tag in the TD part of a table. So let's get back to the simple one row, one cell table. Now to add style let's try adding a simple border: Which gives us this: Row One You can change the width of the line by adjusting where the "1px" is, and you can change the color of the border by changing the "#000000" and replacing it with another hex color. (This one is black) You can also add a background color to the tables: Which will give you this: Row One And of course, you can adjust the width of a table: And it will give you this: (I've added a border to show you the boundaries) Row One And here's how you put them all together. Note: Your style tag must have a " at the beginning and a " at the end. Each additional thing you add must end with a ; So here's a yellow table, 400px width, with a 2px blue border: Which gives you: Row One Feel free to ask for additional information not covered in this post. This is just a brief tutorial.

[Grimace]

Part Four: Photomanips

Usually if you're making a new character, you want to add in a picture. Well. First things first: You're gonna wanna find a free stock picture that you're able to use. Whether it be deviantart or another website, be sure you check the rules so that you're able to use them. I suggest looking at a tutorial to learn how to photomanip if you don't know how. www.deviantart.com/?qh=&section=&global=1&q=photomanip+tutorial is a good place to start. Note: if you don't have a program you can always try GIMP, the free download can be found at gimp.org