Fandom

Avatar Wiki

Comments0

The Wikibender's Guide - Tables

Yz2907 June 28, 2012 User blog:Yz2907

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.

This is a page explaining how to create tables. If you need any help you can write on my message wall and I will try and help in anyway I can. Also if you have anything to add to the page or if you see an error I would appreciate it if you would let me know.

Creating a table looks complicated but after you start playing around with it a little everything will just click, trust me. Just cut and paste the code in the box using source mode and adjust it to your liking.

Table

Basic Table

Example Table
I hope
this little
example table
helps you.
Good Luck.


{| style="border-collapse: collapse; border-width: 1px; border-style: solid;"
! Example Table
|-
| style="border-style: solid; border-width: 1px"| I hope
|-
| style="border-style: solid; border-width: 1px"| this little
|-
| style="border-style: solid; border-width: 1px"| example table
|-
| style="border-style: solid; border-width: 1px"| helps you.
|-
| style="border-style: solid; border-width: 1px"| Good Luck.
|}

Colored Table

Example Table with Colors
I hope
this little
example table
helps you.
Good Luck.


{| style="border-collapse: collapse; border-width: 1px; border-style: solid; border-color: darkred; background-color: gold" class="toccolours collapsible"
! <span style="color: darkred;">Example Table with Colors</span>
|-
| style="border-style: solid;border-color: darkred; border-width: 1px"| I hope
|-
| style="border-style: solid;border-color: darkred; border-width: 1px"| this little
|-
| style="border-style: solid;border-color: darkred; border-width: 1px"| example table
|-
| style="border-style: solid;border-color: darkred; border-width: 1px"| helps you.
|-
| style="border-style: solid;border-color: darkred; border-width: 1px"| Good Luck.
|}

Large Colored Table

Example Table at 2px
Go to
border-width: 1px
and change
1px part
to 2px


{| style="border-collapse: collapse; border-width: 2px; border-style: solid; border-color: darkred; background-color: gold" class="toccolours collapsible"
! <span style="font-family:Times New Roman; font-size:130%; color: darkred;">Example Table at 2px</span>
|-
| style="border-style: solid;border-color: darkred; border-width: 2px"| Go to
|-
| style="border-style: solid;border-color: darkred; border-width: 2px"| border-width: 1px
|-
| style="border-style: solid;border-color: darkred; border-width: 2px"| and change
|-
| style="border-style: solid;border-color: darkred; border-width: 2px"| 1px part
|-
| style="border-style: solid;border-color: darkred; border-width: 2px"| to 2px
|}

Collapsible Table

Basic Collapsible Table

Example Table
I hope
this little
example table
helps you.
Good Luck.


{| style="border-collapse: collapse; border-width: 1px; border-style: solid;" class="toccolours collapsible"
! Example Table
|-
| style="border-style: solid; border-width: 1px"| I hope
|-
| style="border-style: solid; border-width: 1px"| this little
|-
| style="border-style: solid; border-width: 1px"| example table
|-
| style="border-style: solid; border-width: 1px"| helps you.
|-
| style="border-style: solid; border-width: 1px"| Good Luck.
|}

Colored Collapsible Table

Colored Collapsible Table
Insert Text Here
Insert Text Here
Insert Text Here
Insert Text Here
Insert Text Here


{| style="border-collapse: collapse; border-width: 1px; border-style: solid; border-color: DodgerBlue; background-color: LightBlue" class="toccolours collapsible"
! <span style="color: MidnihtBlue;"> Colored Collapsible Table </span>
|-
| style="border-style: solid;border-color: DodgerBlue; border-width: 1px"| Insert Text Here
|-
| style="border-style: solid;border-color: DodgerBlue; border-width: 1px"| Insert Text Here
|-
| style="border-style: solid;border-color: DodgerBlue; border-width: 1px"| Insert Text Here
|-
| style="border-style: solid;border-color: DodgerBlue; border-width: 1px"| Insert Text Here
|-
| style="border-style: solid;border-color: DodgerBlue; border-width: 1px"| Insert Text Here
|}

Large Colored Table

Example Table at 2px
Go to
border-width: 1px
and change
1px part
to 2px

Multi-Row Table

Basic Multi-Row Table

Row 1 Title Row 2 Title
Row 1 Text Row 2 Text
Row 1 Text Row 2 Text
Row 1 Text Row 2 Text
Row 1 Text Row 2 Text
Row 1 Text Row 2 Text


{| style="border-collapse: collapse; border-width: 1px; border-style: solid;"
! style="border-style: solid; border-width: 1px"|Row 1 Title
! style="border-style: solid; border-width: 1px"|Row 2 Title
|-
| style="border-style: solid; border-width: 1px"|Row 1 Text
| style="border-style: solid; border-width: 1px"|Row 2 Text
|-
| style="border-style: solid; border-width: 1px"|Row 1 Text
| style="border-style: solid; border-width: 1px"|Row 2 Text
|-
| style="border-style: solid; border-width: 1px"|Row 1 Text
| style="border-style: solid; border-width: 1px"|Row 2 Text
|-
| style="border-style: solid; border-width: 1px"|Row 1 Text
| style="border-style: solid; border-width: 1px"|Row 2 Text
|-
| style="border-style: solid; border-width: 1px"|Row 1 Text
| style="border-style: solid; border-width: 1px"|Row 2 Text
|}

Colored Multi-Row Table

Row 1 Title Row 2 Title
Row 1 Text Row 2 Text
Row 1 Text Row 2 Text
Row 1 Text Row 2 Text
Row 1 Text Row 2 Text
Row 1 Text Row 2 Text


{| style="border-collapse: collapse; border-width: 1px; border-style: solid;"
! style="border-style: solid; border-width: 1px; border-color: DodgerBlue; background-color: LightBlue"|Row 1 Title
! style="border-style: solid; border-width: 1px; border-color: DodgerBlue; background-color: LightBlue"|Row 2 Title
|-
| style="border-style: solid; border-width: 1px; border-color: DodgerBlue; background-color: LightBlue"|Row 1 Text
| style="border-style: solid; border-width: 1px; border-color: DodgerBlue; background-color: LightBlue"|Row 2 Text
|-
| style="border-style: solid; border-width: 1px; border-color: DodgerBlue; background-color: LightBlue"|Row 1 Text
| style="border-style: solid; border-width: 1px; border-color: DodgerBlue; background-color: LightBlue"|Row 2 Text
|-
| style="border-style: solid; border-width: 1px; border-color: DodgerBlue; background-color: LightBlue"|Row 1 Text
| style="border-style: solid; border-width: 1px; border-color: DodgerBlue; background-color: LightBlue"|Row 2 Text
|-
| style="border-style: solid; border-width: 1px; border-color: DodgerBlue; background-color: LightBlue"|Row 1 Text
| style="border-style: solid; border-width: 1px; border-color: DodgerBlue; background-color: LightBlue"|Row 2 Text
|-
| style="border-style: solid; border-width: 1px; border-color: DodgerBlue; background-color: LightBlue"|Row 1 Text
| style="border-style: solid; border-width: 1px; border-color: DodgerBlue; background-color: LightBlue"|Row 2 Text
|}

Additional Resources

Here are all of the colors available. You can use these to make the colored tables. Help:Colors


v - dThe Wikibender's Guide
Customized TextUserboxesCustom UserboxesInfoboxesTables
Basic Templates and ToolsCustom Signatures

Also on Fandom

Random Wiki