Old aRO Forums

The 'Other' Section => AnesisRO Archive => Archive => General Questions => Topic started by: Rolan on December 14, 2007, 09:37:53 pm

Title: Signature Tabling How-To
Post by: Rolan on December 14, 2007, 09:37:53 pm

Tabling Your Signature

To make your signature aethetic and to keep your signature under the 190 pixel rule it can be important to know how to table it. There are three parts to a BBcode table. (NOTE: bbcode tags cannot contain spaces inside them, the tags below have spaces so they will not be parsed out) [ table] [ /table] - Begin and end your table [ tr] [ /tr] - begin and end a row of your table [ td] [ /td] - Begin and end a cell.    It is important to know that cells will naturally line up into columns and that cell tags ([ td][ /td]) with nothing between them will still take up a cell. Tables can also be nested inside other tables. Here are some common examples:

A basic 2 row, 2column table. (http://shoppesofanimaro.com/images/Table_sig.jpg)

Code: [Select] [table] [tr] [td]Content 1[/td] [td]Content 2[/td] [/tr] [tr] [td]Content 3[/td] [td]Content 4[/td] [/tr] [/table]

A basic 1 row, 3 column table. (http://shoppesofanimaro.com/images/table_sig2.jpg)

Code: [Select] [table] [tr] [td]Content 1[/td] [td]Content 2[/td] [td]Content 3[/td] [/tr] [/table]

Title: Re: Signature Tabling How-To
Post by: Zeta on December 15, 2007, 03:04:56 am

So a 3x3 would be the first image but adding another

Code: [Select]

[tr]
[td]Content [/td]
[td]Content [/td]
[/tr]
So it would be

Code: [Select]

[table]
[tr]
[td]Content 1[/td]
[td]Content 2[/td]
[/tr]
[tr]
[td]Content 3[/td]
[td]Content 4[/td]
[/tr]
[td]Content 5[/td]
[td]Content 6[/td]
[/table]?

Title: Re: Signature Tabling How-To
Post by: wish on December 15, 2007, 03:43:07 am

thanks ;D

Title: Re: Signature Tabling How-To
Post by: shane3x on December 15, 2007, 03:55:14 am

Do you mind making this more detailed because basic tabling people cam do but you should really check out the coding for my sig, its /zomg.

I'd like to add this to my useful links thread.

Title: Re: Signature Tabling How-To
Post by: Rolan on December 15, 2007, 06:16:27 am

Quote from: !ns4n3 on December 15, 2007, 03:04:56 am

So a 3x3 would be the first image but adding another...

That would create a two by three table like this:

Content 1	Content 2
Content 3	Content 4
Content 5	Content 6

By adding another [ tr] [ /tr] section you are adding another row. To also add another column, add a [ td] [ /td] section in each row. It should look something like this:

Code: [Select]

[table]
[tr]
[td]Content 1[/td]
[td]Content 2[/td]
[td]Content 3[/td]
[/tr]
[tr]
[td]Content 4[/td]
[td]Content 5[/td]
[td]Content 6[/td]
[/tr]
[tr]
[td]Content 7[/td]
[td]Content 8[/td]
[td]Content 9[/td]
[/tr]
[/table]

and come out like this:

Content 1	Content 2	Content 3
Content 4	Content 5	Content 6
Content 7	Content 8	Content 9

The [ tr] tags place the content inside them in horizontal rows. The [ td] tags place the content in vertical columns. To create a new row, you would add a set of [ tr] [ /tr] tags and place the content you want to be in that row in side the tags. To create a new column also place the content in [ td] [ /td] tags.

Quote from: shane3x on December 15, 2007, 03:55:14 am

Do you mind making this more detailed because basic tabling people cam do but you should really check out the coding for my sig, its /zomg.

I'd like to add this to my useful links thread.

I know I helped code that frankensig  ;)

I'll try what I can shane. My original goal was to make the images and code, and work with someone else on writing the guide, but that fell through. As you can see above, my ability to explain things in written word is a little lacking. I just got frustrated and posted it. I have the code and images all the way up to your signature as an example  ;D. I was going to cover uploading images and [ img][ /img] tags also. For me this guide is an exercise in gimp (which I have avoided learning. Should be learning all my native linux apps) and preparation for my guides on image manipulation with PHP. Assistance is very much appreciated.

Title: Re: Signature Tabling How-To
Post by: Whoisnoob? on December 15, 2007, 06:18:51 am

wow this might help others /ok
also me bec. i'm quite confuse in this @_@

Title: Re: Signature Tabling How-To
Post by: shane3x on December 15, 2007, 06:22:05 am

Quote from: Rolan on December 15, 2007, 06:16:27 am

Quote from: !ns4n3 on December 15, 2007, 03:04:56 am

So a 3x3 would be the first image but adding another...

That would create a two by three table like this:

Content 1	Content 2
Content 3	Content 4
Content 5	Content 6

By adding another [ tr] [ /tr] section you are adding another row. To also add another column, add a [ td] [ /td] section in each row. It should look something like this:

Code: [Select]

[table]
[tr]
[td]Content 1[/td]
[td]Content 2[/td]
[td]Content 3[/td]
[/tr]
[tr]
[td]Content 4[/td]
[td]Content 5[/td]
[td]Content 6[/td]
[/tr]
[tr]
[td]Content 7[/td]
[td]Content 8[/td]
[td]Content 9[/td]
[/tr]
[/table]

and come out like this:

Content 1	Content 2	Content 3
Content 4	Content 5	Content 6
Content 7	Content 8	Content 9

The [ tr] tags place the content inside them in horizontal rows. The [ td] tags place the content in vertical columns. To create a new row, you would add a set of [ tr] [ /tr] tags and place the content you want to be in that row in side the tags. To create a new column also place the content in [ td] [ /td] tags.

Quote from: shane3x on December 15, 2007, 03:55:14 am

Do you mind making this more detailed because basic tabling people cam do but you should really check out the coding for my sig, its /zomg.

I'd like to add this to my useful links thread.

I know I helped code that frankensig  ;)

I'll try what I can shane. My original goal was to make the images and code, and work with someone else on writing the guide, but that fell through. As you can see above, my ability to explain things in written word is a little lacking. I just got frustrated and posted it. I have the code and images all the way up to your signature as an example  ;D. I was going to cover uploading images and [ img][ /img] tags also. For me this guide is an exercise in gimp (which I have avoided learning. Should be learning all my native linux apps) and preparation for my guides on image manipulation with PHP. Assistance is very much appreciated.

Cool, a guy named varis made a guide like this before and it was very detailed and you could table anything with it, thanks for the help before lol.

Title: Re: Signature Tabling How-To
Post by: Akishira on December 15, 2007, 06:23:23 am

Caution to people trying to table their sigs: Beware of the character limit for sig coding, and always check what you've entered (if you're like me and write the code in Notepad before copypasta'ing into the sig entry field), or you may get the end chopped off.

Also, Shane, zomg walloftxtquote. My eyes bleed. D;

Title: Re: Signature Tabling How-To
Post by: Whoisnoob? on December 15, 2007, 06:26:51 am

Ooh you use note pad much easy to see? /ok
i've learned something today :D

Title: Re: Signature Tabling How-To
Post by: shane3x on December 16, 2007, 12:24:54 am

Quote from: Akishira on December 15, 2007, 06:23:23 am

Caution to people trying to table their sigs: Beware of the character limit for sig coding, and always check what you've entered (if you're like me and write the code in Notepad before copypasta'ing into the sig entry field), or you may get the end chopped off.

Also, Shane, zomg walloftxtquote. My eyes bleed. D;

Stay out of the carpe diem thread then +_+ (quote titan ftw)

Title: Re: Signature Tabling How-To
Post by: Zeta on December 16, 2007, 12:28:52 am

Quote from: shane3x on December 16, 2007, 12:24:54 am

Quote from: Akishira on December 15, 2007, 06:23:23 am

Caution to people trying to table their sigs: Beware of the character limit for sig coding, and always check what you've entered (if you're like me and write the code in Notepad before copypasta'ing into the sig entry field), or you may get the end chopped off.

Also, Shane, zomg walloftxtquote. My eyes bleed. D;

Stay out of the carpe diem thread then +_+ (quote titan ftw)

yea....wtf is OWNDEEM?!?!?!

Title: Re: Signature Tabling How-To
Post by: Patagia on December 16, 2007, 01:30:09 am

Here is something that you may want to add to the original post because most people don't know how to do this, table within a table.

Code: [Select]


[table][tr]

[td]

[img]http://www.pokeplushies.com/images/adoptables/49087.gif[/img][br][url=http://www.pokeplushies.com/adoptables.php?act=rarecandy&id=49087]=_=[/url]

[/td]

[td]

[table]

[tr][td][img]http://i161.photobucket.com/albums/t216/Pasis_89/PasisBeelzebub.jpg[/img][/td][/tr]
[tr][td][img]http://i161.photobucket.com/albums/t216/Pasis_89/ilvmuhcat.png[/img][/td][/tr]

[/table]

[/td]

[/table]


the general format is one large table

the first data cell is a picture and some text, the right size is another table with two rows.

That code yields

(http://www.pokeplushies.com/images/adoptables/49087.gif) Feed me a Rare Candy, you twit. =_= (http://www.pokeplushies.com/adoptables.php?act=rarecandy&id=49087)

(http://i161.photobucket.com/albums/t216/Pasis_89/PasisBeelzebub.jpg) (http://i161.photobucket.com/albums/t216/Pasis_89/ilvmuhcat.png)

Title: Re: Signature Tabling How-To
Post by: Rolan on December 16, 2007, 04:55:49 am

Thanks! I'm working on it.

Title: Re: Signature Tabling How-To
Post by: Karanja on December 16, 2007, 11:22:39 am

Wah thx <3