Anikira - 'Nali's Guide for Posting Tables

Welcome

Welcome to Anikira, an Intermediate/Advance wolf roleplay. The entire site is geared towards a fun, friendly environment with a group of people with similar interests. We all enjoy literate, leisurely roleplay. If you need any help, feel free to PM Zethrox, the Admin.

Please be sure to post your wolf's biography within the first week of joining. Any accounts that have not notified Zethrox or another staff member and do not post their biography will be deleted to keep the member count accurate and clear.

Staff

Quick Links

Season Information

Mating: Yes
Birthing: No

History

The humans of planet Earth had long lived in harmony with mother nature. However, in the past hundred years, things had been different. The humans no longer respected animals, and many of the species were restless. A group of wolves searched the land masses for some way to get away from the human menace. The year 1960 was upon them...

They found their solution near the coast of Africa. Over hundreds of years, somehow unseen by humans, continuous volcanic activity formed a new land mass. This area had become a utopia over the years, and the animals realized that this might just be their chance to get away. They swam from the coast, drawing further and further away until they could no longer see the mainland. They finally reached the sandy beaches of a new continent. This area, for now unknown by humans, was exactly what they had been searching for. The animals quickly settled into their new home. The animals lived in harmony for over forty years.

In 2000, the humans finally surveyed the land mass. Somehow, their scientists had overlooked this land, and their ship routes had mysteriously passed it by. A horde of humans flooded the continent, sticking their noses in where the wolves believed they didn't belong. Mankind attacked them, slaughtering all the wolves in sight and burning large areas of the island. Finally, accepting that this place was not fit for human life after their tyrade, the scientists left, deeming the land uninhabitable.

Wolves that had hidden from the human's flames and the merciless weapons slowly began to emerge from their hiding places. Over the next eight years, the plant life gradually grew back. Now, the wolves needed to figure out a way to survive with many of their resources exhausted...

Pack Information

Affiliate Information

[Click to Affiliate]

Affiliates

Sister Sites

Static: Open

Anikira :: The End :: OOC Activities :: Character Corner :: 'Nali's Guide for Posting Tables

Author

Topic: 'Nali's Guide for Posting Tables (Read 82 times)

Denali
Loner

[M:-650]
member is offline

[avatar]

paranoid angel.

[msn]

Joined: Feb 2008
Gender: Female

Posts: 392
Location: Where ever I end up...

'Nali's Guide for Posting Tables
« Thread Started on Nov 6, 2009, 8:38pm »

this tutorial © 'Nali. please, no reproduction with permission.

[atrb=cellSpacing,0,true][atrb=cellPadding,0,false][atrb=border,1,true][atrb=width,475,true][atrb=background,http://i228.photobucket.com/albums/ee114/MorningFever/Nitika/HiriziTable4copy.png,true] [image]

Woo! Check it out! XD

So you've decided you'd like to use a table while posting. Unfortunately, you're not to handy with UBBCode. Fear not! Read on and and you will find a handy tutorial for how to code your very own table. In no time you'll be posting with tables as spiffy as this one here that I use for posting with Hirizi. >3

This is ridiculously long because I wanted to show the entire background image. ^^;;

Link to Post - Back to Top IP:

Logged

5 Year Old Fae | Denali | Cream Tundra Wolf
[image]

May 5, 2004

Denali
Loner

[M:-650]
member is offline

[avatar]

paranoid angel.

[msn]

Joined: Feb 2008
Gender: Female

Posts: 392
Location: Where ever I end up...

Re: 'Nali's Guide for Posting Tables
« Reply #1 on Nov 6, 2009, 8:38pm »

Tags and Functions!

These tags are necessary for the table to work and must be included for all tables.

Code:
[table][/table]
The most important of all the tags. The table won't exist unless you surround it in table tags.

Code:
[tr][/tr]
These define rows in a table. They are just as necessary as the [table] tags.

Code:
[td][/td]
These define a regular cell in a table. If you want to modify table attributes, [td] tags must be included.

You must have [table], [tr], and [td] tags in order for the table to appear. Each tag only needs to be closed once. The code should appear as follows:

Code:
[table][tr][td]text goes here.[/td][/tr][/table]

These are optional but handy modifiers. For attributes to be set, they must be surrounded by [td] tags. Attributes allow you to adjust the various specifics of your table such as width, background, border, ect. To adjust attributes, simply alter the center values to your liking.

Code:
[th]
This defines a header for your table. Must be surrounded by [td] tags.

Code:
[cs=2]
This defines the number of columns in your table. Must be surrounded by [td] tags.

Code:
[rs=2]
This defines the number of rows in your table. Must be surrounded by [td] tags.

Code:
[bg=white]
This will let you set a background color for your table. Must be surrounded by [td] tags.

Code:
[atrb=background,url goes here,true]
An alternate way to set a background. This one will let you set an image instead of just a color. Must be surrounded by [td] tags.

Code:
[atrb=cellSpacing,0,true]
This creates space between different cells in your table. Must be surrounded by [td] tags.

Code:
[atrb=cellPadding,0,false]
This creates a small space between your text and the table border. Must be surrounded by [td] tags.

Code:
[atrb=border,1,true]
This places a border around your table. Must be surrounded by [td] tags.

Code:
[atrb=width,475,true]
This allows you to control the width of your table. Must be surrounded by [td] tags.

To be updated as more attributes are discovered.

Attributes do not need closing tags. You can list any number of attributes as long as the entire list is surrounded in [td] tags. For a table with its width and background color set, the code should appear as follows:

Code:
[table][tr][td][atrb=width,475,true][bg=yellow]text goes here.[/td][/tr][/table]

Link to Post - Back to Top IP:

Logged

5 Year Old Fae | Denali | Cream Tundra Wolf
[image]

May 5, 2004

Denali
Loner

[M:-650]
member is offline

[avatar]

paranoid angel.

[msn]

Joined: Feb 2008
Gender: Female

Posts: 392
Location: Where ever I end up...

Re: 'Nali's Guide for Posting Tables
« Reply #2 on Nov 6, 2009, 8:39pm »

Use of Images!

Images can be used in a variety of ways. You can have header images, footer images, and background images. Unfortunately, images have limitations set by both the site and the tags you choose to surround them with.

On Anikira, images cannot be larger than 500px wide.

Please Note: NEVER blockquote images! It results in page stretching. If you wish to blockquote text, set your code so it looks something like this:

Code:
[img]url goes here.[/img]
[blockquote]text goes here.[/blockquote]

Background Images:
Backgrounds can be set in one of two ways.

First, you can set a color for your background. Proboards recognizes the names of certain colors (such as the ones listed in the dropdown list) as well as their 6 digit hex codes, which you can find via Google.

[bg=yellow]Example of Table with Color Background

Code:
[table][tr][td][bg=yellow]Example of Table with Color Background[/td][/tr][/table]

You can also have a background image instead of using just a color.

[atrb=background,http://i228.photobucket.com/albums/ee114/MorningFever/Nitika/RandomBGImage.png,true]Example of Table with Background Image

Code:
[table][tr][td][atrb=background,http://i228.photobucket.com/albums/ee114/MorningFever/Nitika/RandomBGImage.png,true]Example of Table with Background Image[/td][/tr][/table]

How much of the background image is shown depends on the how much you type. Longer type and lots of spacing will increase the height and width of the image shown. The table will automatically expand until it reaches the forum width. If your image is shorter than the forum width, it will automatically repeat.

[atrb=background,http://i228.photobucket.com/albums/ee114/MorningFever/Nitika/RandomBGImage.png,true]

Example of Table with Background Image with lots and lots and lots and lots and lots and lots of words and enter spaces to increase the table's width and height.

Code:
[table][tr][td][atrb=background,http://i228.photobucket.com/albums/ee114/MorningFever/Nitika/RandomBGImage.png,true]

Example of Table with Background Image with lots and lots and lots and lots and lots and lots of words and enter spaces to increase the table's width and height.

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

If you want your table to be only as wide as your image, I suggest you set the table's width. It will prevent auto-repetition of the image.

[atrb=width,475,true][atrb=background,http://i228.photobucket.com/albums/ee114/MorningFever/Nitika/RandomBGImage.png,true]

Example of Table with Background Image with lots and lots and lots and lots and lots and lots of words and enter spaces to increase the table's width and height.

Code:
[table][tr][td][atrb=width,475,true][atrb=background,http://i228.photobucket.com/albums/ee114/MorningFever/Nitika/RandomBGImage.png,true]

Example of Table with Background Image with lots and lots and lots and lots and lots and lots of words and enter spaces to increase the table's width and height.

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

Height is determined by how much you type, no ifs, ands, or buts. Type a little and only a little bit of the image will be shown. Type a lot and the full image will be shown. Type too much and the image will automatically repeat itself. I'm going to be lazy and only show an example in which the length begins to repeat itself. Since it's so long and the code doesn't actually change, I'm also excluding the code. ^^;; Rule of Thumb: Don't make your image height larger than 1000px. Most images hosting site (including PhotoBucket and TinyPic) will automatically resize images that are over 1000px tall, which will result in your width being proportionately resized.

Header and Footer Images:
Header and Footer images are essentially the same thing. Neither is part of the actual table. Header images are added in before your text. Footer images are added in after your text. To avoid page stretching, do not surround images in [blockquote*] tags. This includes placing the entire table in [blockquote*] tags. I recommend setting the width attribute if you do not want your table wider than your header or footer images.

Height is determined by how much you type, no ifs, ands, or buts. Type a little and only a little bit of the image will be shown. Type a lot and the full image will be shown. Type too much and the image will automatically repeat itself.

[atrb=width,475,true][bg=yellow] [image]

Example of Table with Header Image
blah
blah
blah

Code:
[table][tr][td][atrb=width,475,true][bg=yellow][img]http://i228.photobucket.com/albums/ee114/MorningFever/Nitika/Header.png[/img]
[blockquote]Example of Table with Header Image
blah
blah
blah[/blockquote][/td][/tr][/table]

[atrb=width,475,true][bg=yellow]

Example of Table with Footer Image
blah
blah
blah

Code:
[table][tr][td][atrb=width,475,true][bg=yellow][blockquote]Example of Table with Footer Image
blah
blah
blah[/blockquote]
[img]http://i228.photobucket.com/albums/ee114/MorningFever/Nitika/Footer.png[/img][/td][/tr][/table]

« Last Edit: Nov 6, 2009, 8:44pm by Denali »

Link to Post - Back to Top IP:

Logged

5 Year Old Fae | Denali | Cream Tundra Wolf
[image]

May 5, 2004

C-Box