Create your own vBulletin tables
 

Hi, this simple tutorial will tech you how to create a table(s) in your vBulletin forum. Step by step you will learn how to use tables, how to edit them and how to adjust them!
Ok, first question: what's a vBulletin table? You must know that vBulletin is mostly composed by tables. A vBulletin table could be this, for example:


Attachment 64666

Code used:

And now, we can try to change the table class. As you can see, now it's tborder. Let's change it to tcat!

Result:


Attachment 64667

Using our vBulletin CSS specifications, we can change the style of our new or existing tables.
Now we'll change the Td class, using the tborder table class and the tcat table class.

• Table class: tborder. Td class: alt1:
• Attachment 64666

• Table class: tcat. Td class: alt2:
• Attachment 64668

More usefull question, now, could be: how do I do a table like the follow?


Attachment 64669

Simple! Using a Tr. In above examples, we was using just one Tr. Using two Tr, we can do a table like that.

Here the code I've used:

Table class: tborder. 1st Td class: tcat. 1st Td text align: center. Second Td class: alt1. Border: 0. Width: 100%. Align: center.

You could want to have a collapsible vBulletin table. It's simple.
This is the code you're searching:

"Where should I put it?" In your first table Td, usually. Using codes we have used as far as now..

Result:

1. Attachment 64670
2. Attachment 64671

With tables you can do what you want! vBulletin is a big main table, remember. I hope you've appreciated this little tutorial. Let me know in this thread if you have more and specific questions.


Sorry for my bad english, I doing my best!


Best regards,
Norman

http://www.klayz.com/
http://www.klayz.com/community/

Thanks.. ;)

nice job triky!

Glad to help you. :)

Hi,

Can you tell me which template I would amend to get the table like you have shown it in the last example?

Thanks!

It's on the navbar template. :)

Nice article ;)

thanks for your contribution triky.

If (and when) I can, I do it. :p

Thanks for useful clause.

good tut :)

What a great and useful article! Thank you very much. :)

Thanks for the write up! Great job :D

Thanks, great article!

Regards Jason :)

Thank you. ;)

i know this is a old topic.. but can i put this table code inside of a forum title/description block... i want a fixed sized gradient that won't repeat all over the forum.. i just want it in that area

Hi Demon Child, can you explain your request with an image, please?

Awesome.... saved to my favorites. My imagination is flowing now :)

i know this is older but is it possible to make a table and have it cut in halfs ..i can put a heading on one ..free tutorials and on the second new tutorials and then post pictures and comments about them in there and link it ?

thanks but i finally figured it out