Register Members List Search Today's Posts Mark Forums Read

Reply
 
Article Options
Create your own vBulletin tables
Triky
Join Date: Mar 2007
Posts: 728

Here on vB.org I was Klaymen TK/TM, Mr Pink, and now I'm Triky. I'm a beginner, so I need to know, I love knowledge, and I want to know all about vBulletin coding. Lol.

[Italy]
by Triky Triky is offline 24 May 2007

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:


vBTablesTutorial[1].jpg

Code used:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

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


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Result:


vBTablesTutorial[2].jpg

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.More usefull question, now, could be: how do I do a table like the follow?


vBTablesTutorial[4].jpg

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:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

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:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

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


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Result:
  1. vBTablesTutorial[5].jpg
  2. vBTablesTutorial[6].jpg
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/

Last edited by Triky; 19 Dec 2015 at 23:11..
Views: 11340
Reply With Quote
Comments
  #2  
Old 31 May 2007, 22:16
kaptanblack's Avatar
kaptanblack kaptanblack is offline
 
Join Date: Mar 2007
Thanks..
Reply With Quote
  #3  
Old 01 Jun 2007, 01:05
Antivirus's Avatar
Antivirus Antivirus is offline
 
Join Date: Sep 2004
nice job triky!
__________________
Please feel free to PM me about custom work, installations, and upgrades!

Eclipse Records - Streetcult Street Team
Reply With Quote
  #4  
Old 06 Jun 2007, 11:26
Triky's Avatar
Triky Triky is offline
 
Join Date: Mar 2007
Location: [Italy]
Glad to help you.
__________________
I'm italian, I am learning english.. so, please, if you see any errors in my grammar or spelling, let me know via PM. Danke!
Reply With Quote
  #5  
Old 17 Oct 2007, 21:09
Keesa Keesa is offline
 
Join Date: Oct 2007
Hi,

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

Thanks!
Reply With Quote
  #6  
Old 18 Oct 2007, 09:12
Triky's Avatar
Triky Triky is offline
 
Join Date: Mar 2007
Location: [Italy]
It's on the navbar template.
__________________
I'm italian, I am learning english.. so, please, if you see any errors in my grammar or spelling, let me know via PM. Danke!
Reply With Quote
  #7  
Old 12 Dec 2007, 17:28
kiril_cvetkov's Avatar
kiril_cvetkov kiril_cvetkov is offline
 
Join Date: Jul 2007
Real name: Kiril Cvetkov
Nice article
Reply With Quote
  #8  
Old 12 Dec 2007, 18:00
valdet's Avatar
valdet valdet is offline
 
Join Date: Feb 2007
Real name: Valdet
thanks for your contribution triky.
Reply With Quote
  #9  
Old 12 Dec 2007, 18:06
Triky's Avatar
Triky Triky is offline
 
Join Date: Mar 2007
Location: [Italy]
If (and when) I can, I do it.
__________________
I'm italian, I am learning english.. so, please, if you see any errors in my grammar or spelling, let me know via PM. Danke!
Reply With Quote
  #10  
Old 13 Dec 2007, 02:20
Martell Martell is offline
 
Join Date: Dec 2006
Thanks for useful clause.
Reply With Quote
  #11  
Old 13 Dec 2007, 02:42
Brandon Sheley's Avatar
Brandon Sheley Brandon Sheley is offline
 
Join Date: Mar 2005
Real name: Brandon
good tut
__________________

Email me for website help: brandon[at]sheley[dot]org
Reply With Quote
  #12  
Old 18 Jan 2008, 21:16
Snake's Avatar
Snake Snake is offline
 
Join Date: Mar 2005
Location: Cleveland, OH
Real name: Josh
What a great and useful article! Thank you very much.
Reply With Quote
  #13  
Old 22 Feb 2008, 06:05
AUtigers350z AUtigers350z is offline
 
Join Date: Feb 2008
Thanks for the write up! Great job
Reply With Quote
  #14  
Old 26 Feb 2008, 11:39
Jase2 Jase2 is offline
 
Join Date: Dec 2007
Thanks, great article!

Regards Jason
Reply With Quote
  #15  
Old 26 Feb 2008, 13:29
Triky's Avatar
Triky Triky is offline
 
Join Date: Mar 2007
Location: [Italy]
Thank you.
__________________
I'm italian, I am learning english.. so, please, if you see any errors in my grammar or spelling, let me know via PM. Danke!
Reply With Quote
Reply



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Article Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 19:39.

Layout Options | Width: Wide Color: