Template:Timeline of Homestar Runner

From Homestar Runner Wiki

(Difference between revisions)
Jump to: navigation, search
(+caption for New Paper)
(I added the Compy and the Lappy. How do we get rid of the boxes?)
Line 42: Line 42:
<span style="position: relative; top: -10px;">[[Videlectrix]] &rarr;</span><br/>
<span style="position: relative; top: -10px;">[[Videlectrix]] &rarr;</span><br/>
<span style="position: relative; top: -10px;">[[Powered by The Cheat|PBTC]] &rarr;</span><br/>
<span style="position: relative; top: -10px;">[[Powered by The Cheat|PBTC]] &rarr;</span><br/>
 +
                <span style="position: relative; top: 10px;">[[Compy 386]] &rarr;</span><br/>
<span style="position: relative; top: 10px;">[[Teen Girl Squad|TGS]] &rarr;</span>
<span style="position: relative; top: 10px;">[[Teen Girl Squad|TGS]] &rarr;</span>
</td>
</td>
Line 61: Line 62:
<span style="position: relative; top: 0px;">[[Peasant's Quest]] &rarr;</span><br/>
<span style="position: relative; top: 0px;">[[Peasant's Quest]] &rarr;</span><br/>
<span style="position: relative; top: 0px;">[[strongbad_email.exe]] &rarr;</span>
<span style="position: relative; top: 0px;">[[strongbad_email.exe]] &rarr;</span>
 +
                <span style="position: relative; top: 0px;">[[Lappy 486]] &rarr;</span><br/>
</td>
</td>
<td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="float: left; font-size: 12pt;">2004</span> <span style="float: right">[[Image:sbemail119.PNG|68px]]</span></td>
<td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="float: left; font-size: 12pt;">2004</span> <span style="float: right">[[Image:sbemail119.PNG|68px]]</span></td>

Revision as of 07:01, 1 January 2009

Original Book

1996
1997
1998
1999

Website
MAM
Old-Timey

2000

Strong Bad Email

2001

Videlectrix
PBTC

               Compy 386

TGS

2002

20X6
Trogdor
Puppet Stuff

2003

Cheat Commandos
Peasant's Quest
strongbad_email.exe

               Lappy 486
2004

Stinkoman 20X6
Everything Else

2005

Podstar Runner

2006

New Paper

2007

SBCG4AP

2008

Instructions

Adding a new year

  • The easiest way is to copy and paste an existing year, and edit it as needed. It should be placed at the very end, but before the closing </table> tag.
    • Years begin with: <!-- 20X6 --><tr>
    • And end with: </tr>
  • When adjusting the height of a year, the value must be changed in both <td> elements.
    • Note: if adjusting the height of an existing year, be sure to readjust the placement of individual items if needed (see below).

Adding new events

  • To add new items to the timeline, place them in the first <td> for the appropriate year. Again, copying and pasting an existing item is probably the easiest way.
    • Notice that each item has in front <span style="postition: relative; top: 0px;">.
    • This can be used to vertically position the item. By increasing this number, the item moves down, decreasing moves it up. Negative numbers are allowed.



Personal tools