View source for Infobox/Table based guide

{| border="1" cellspacing="0" cellpadding="2" tablewidth="200" align="right" width="100"
|-
!scope="col" bgcolor="blue" | <span style="color:white"> The Freitag Man </span>
|-
!scope="row"| [[File:Freitag_Man.jpg|200px|]]
|-
!scope="row"| The Freitag Man -
''The Freitag man is an example for this great infobox thingy''
|-
!scope="row"| Where am I from?
''Nobody knows!''
|}

Welcome to this guide on the Table Based Infobox!!

'''Note:'''The Example below is based on the infobox on your right.

= Code =


Let's start by looking at the Infobox code...


<nowiki>{|border="1" cellspacing="0" cellpadding="2" tablewidth="200" align="right"
|-
!scope="col" bgcolor="blue" | <span style="color:white"> The Freitag Man </span>
|-
!scope="row"| [[File:Freitag_Man.jpg|200px|]]
|-
!scope="row"| The Freitag Man -
''The Freitag man is an example for this great infobox thingy''
|-
!scope="row"| Where am I from?
''Nobody knows!''
|}
</nowiki>

Now that looks complicated! Lets break it down a little...

==From [|border="1" to align="right"==

Also known as... 
<nowiki>{|border="1" cellspacing="0" cellpadding="2" tablewidth="200" align="right" width="100"</nowiki>

The information in the above code controls the overall layout of the table.

border="1" is the table border. So, if you change to "1" to "0", the border disappears.

cellspacing="0" & cellpadding="2" are things you don't really want to mess with, however if you know wikicode (or html) you can if you so desire!

tablewidth="200" is the max width of your infobox. This is to make sure that the infobox doesn't extend across the entire page. You can change this to a smaller number for a smaller width, and a bigger number for a bigger width. If you put an image into the infobox, however, it overrides this setting.

align="right" is where the infobox is on the page. Normally, it's best to put the infobox on the right, but it can be put on the left if you want.

==From <nowiki>|-
!scope="col" to </span></nowiki>==

Also known as 

|-
<nowiki>!scope="col" bgcolor="blue" | <span style="color:white"> The Freitag Man </span></nowiki>

Again, this looks ''horrendously'' complicated but in reality it's fairly simple - it's the first section of the infobox!

When editing this infobox, don't touch anything that starts with !scope= (this is what holds the infobox together.)

bgcolor="blue" is the colour of the infobox part. You can add this code in other places (after !scope="row" and before the | after it) to change that part of the infobox. Obviously, "blue" is the colour that you want.

| is the divider between wikicode and text - again please don't touch!

<nowiki><span style="color:white></nowiki> sets the colour of the text right up until the </span> (in this case, after The Freitag Man). This can be set to any colour - again by changing the "white" bit.

The Freitag Man is the text. Edit this to whatever you like (teacher name, for example)

==The Rest of It==
If you look at the rest of the code, it is a repeat of itself. However, there are two crucial differences....

====Image====
This is the code for the section containing the image...

<nowiki>!scope="row"| [[File:Freitag_Man.jpg|200px|]]</nowiki>

As ever, don't touch the !scope bit. 

Basically, the image works the same way as adding an image to a normal article. I'd keep the same size image (200px in this example) as the tablewidth earlier on. 

====Text====
And so we're on to the two final sections...

<nowiki>
!scope="row"| The Freitag Man -
''The Freitag man is an example for this great infobox thingy''


|-
!scope="row"| Where am I from?
''Nobody knows!''
|}
</nowiki>

These basically just contain the text of your choice. Note the <nowiki>''</nowiki> that are on either side of "The Freitag Man..." - they make the text italic.

=Notes=
Please use the code [[Infobox|here]] to create your infobox - the stuff here has been placed with special <nowiki><nowiki></nowiki> tags so that it doesn't apply the changes on this page.

To add more boxes, just copy the section...

<nowiki>
!scope="row"| The Freitag Man -

''The Freitag man is an example for this great infobox thingy''

|-
</nowiki>

below the final textbox bit, but ''before'' the <nowiki>|}</nowiki> at the end of the infobox.

Guide by [[User:1885|1885]] ([[Special:Contributions/1885|Contribs]]) 19:30, 18 September 2010 (UTC)