[TABLE]quick | quide | into | tables [/TABLE]

[hos]

Quick guide into [TABLE][/TABLE]

most important and allways keep in mind if you want to use this function:

the very first row of your table must start next to the opening [table] - code and not in a new line. if there are no cells directly after [table], the table will not be parsed correctly.

table structure example

column 1	column 2	column 3	column 4	column 5
cell 1 of row 2		cell 3 of row 2		cell 5 of row 2
	cell 2 of row 3		cell 4 of row 3

example code:

[TABLE]column 1 | column 2 |column 3 | column 4 | column 5
cell 1 of row 2 | |cell 3 of row 2 | | cell 5 of row 2
| cell 2 of row 3 | | cell 4 of row 3 [/TABLE]

adding cells & rows

you can add as many cells as you want, by using the pipe-symbol | for further cells in the same row. you are in the same row unless you don't press [ENTER] on your keyboard. the cells in the very first row sets the maximum amount of columns. the following rows will all have the same amount of columns as defined with the first row, no matter if you add more or less cells than in the first row. less columns will add empty cells to the table, overlapping columns won't be parsed.


linebreaks in cells

as described, each usage of [ENTER] on your keyboard creates a new table row if the cursor is inside the table segment, which is disappointing but the actual table function works this way. I'd rather like to see the addition of inside-tags like [ROW] and [CELL] instead of just the main tag which parses everything what's inside of it. so, if you want to have linebreaks inside a table cell without starting a new row, you have to use {br} instead (case sensitive!). you have to modify each linebreak which leads to an unwanted new row manually and also you have to take in account that other cells will center its contents vertically if its content-height is smaller.


nice layout example

having thumbnails next to each other and adding text below each thumbnail. thumb and text are in the same cell:

Jenny @Suze

Dionna @Suze

Brianna Knight

here's the code:

[TABLE][URL=http://img280.imagevenue.com/img.php?image=49095_JennySuzeRandall_123_253lo.jpg][IMG]http://img280.imagevenue.com/loc253/th_49095_JennySuzeRandall_123_253lo.jpg[/IMG][/URL] {br} [URL="http://www.vintage-erotica-forum.com/t126116-unfolded-mystery-jenny-suzer.html"][COLOR="Blue"]Jenny @Suze [/COLOR][/URL] | [URL=http://img240.imagevenue.com/img.php?image=49096_DionnaSuzeRandall_123_98lo.jpg][IMG]http://img240.imagevenue.com/loc98/th_49096_DionnaSuzeRandall_123_98lo.jpg[/IMG][/URL] {br} [URL="http://www.vintage-erotica-forum.com/t126119-unfolded-mystery-dionna-suzer.html"][COLOR="Blue"]Dionna @Suze [/COLOR][/URL] | [URL=http://img148.imagevenue.com/img.php?image=49098_BriannaKnight_123_220lo.jpg][IMG]http://img148.imagevenue.com/loc220/th_49098_BriannaKnight_123_220lo.jpg[/IMG][/URL] {br} [URL="http://www.vintage-erotica-forum.com/t126123-unfolded-mystery-brianna-knight.html"][COLOR="Blue"]Brianna Knight[/COLOR][/URL][/TABLE]

note: 2 of these 3 references are dead (for non-moderators), but this shouldn't matter here cause it's just an example.



more?

the new function offers some more options (like sorting, connecting cells, table header and some more) which aren't described with this quick guide yet. if you want to self-exercise, visit this post:
http://www.vbulletin.org/forum/showp...70&postcount=2

(note: forget about the css-option - we will not install any css you like to add)


if you want to try the function, i recommend to copy&paste one of the code examples into a post and play with it... ...in the test chamber.