Table Tutorial

[» Plague]

T A B L E .
T U T O R I A L
For dummies C:

NOTE: These tables do not work with the Live Preview, if you want to see your table properly you have to press the actual Preview Button. Thanks.

Alright, so I take it alot of you who aren't code, or even art savvy might not be familiar with the Enhanced Table Tags. But fear not! Because let me introduce to you Plague's easy tutorial for Enhanced Table Tags. So easy a dummy can use it. C:

Let's get started from the very beginning, shall we?

____________________________________________________
First, we need this code to start our table. It's essential, so don't skip it.


[table][tr][td] [/td][/tr][/table]

This is used to insert a new row:


[tr] [/tr]

And this is the code that makes a new column


[td] [/td]

Okay, now that you have that down pat, you need to put those codes together to make your table like above and below:


[table][tr][td][/td][/tr][/table]

And now, onto the part where you can insert background color, width ect... Here's an example:


[table][tr][td]text here, text here.

[atrb=border,0,true]
[bg=gray]
[atrb=width,400,true]
[/td][/tr][/table]

And a preview:

text here ,text here ,text here ,text here [atrb=border,0,true] [bg=red] [atrb=width,400,true]

[» Plague]

Now your ready to edit your tables inwhich you can change your font, font colors, font sizes, adding pictures and all that fancy stuff.

But first, a little review from the above lesson. C:

When you want your text, or even your picture to start at the very top of your table you need to use this code. It's exactly the same as the above code. If you don't use it your table will look deformed and unappealing.


[table][tr][td]text here, text here, text, text, and more text.

[atrb=border,0,true]
[bg=red]
[atrb=width,400,true]
[/td][/tr][/table]


Preview again. C:

text here, text here, text, text, and more text. [atrb=border,0,true] [bg=red] [atrb=width,400,true]

Alright, now we can start editing the table to make it more to your liking. Changing the font in your table is exactly the same as changing the font in one of your regular posts, without using a table. For example, our default font is Verdana, but I'm going to change it to Georgia in this example.


[font=Georgia] [/font]

And it's all the same with making it bold, italic and underlining.


[b]text here[/b]


[i]text here[/i]


[u]text here[/u]

You'll see in the Enhanced Table Tag menu below the UBBC tags, this code below:


[atrb=border,0,true]

If you want to change width modify it like this.


[atrb=width,400,true]

You can change the border by modifying the "0" to whatever you desire. Meaning 0 is no border and 2 makes it thicker. C:


[atrb=border,0,true]


You can also change font size exactly the same way you change it on a regular post.


[size=1]text[/size]


[» Plague]

Now, here's the final step in my tutorial. And it's probably the part you've been waiting for. Adding Images! C:

Adding an image is just as simple as adding it in a regular post.

[img]Image here[/img]

Here's what your whole code should look like in the end!


[center]
[table][tr][td][img]picture goes here![/img]
[size=1]
[th][font=georgia]TEXTY YAYA. TEXT, TEXT I LOVE TEXT!
[/font]
[/size]
[atrb=border,0,true]
[atrb=width,400,true]
[bg=teal]
[/td][/tr][/table]
[/center]


Preview C:

[th]TEXTY YAYA. TEXT, TEXT I LOVE TEXT! [atrb=border,0,true] [atrb=width,500,true] [bg=teal]

Just edit all the necessary information to suit your taste!
If you have any questions or if you need help feel free to contact Plague.