Template:Timeline of Homestar Runner

From Homestar Runner Wiki

(Difference between revisions)
Jump to: navigation, search
(Adding some happy links; killing some miserable underscores.)
(adding debuts of Marzipan's Answering Machine, Powered by The Cheat and Stinkoman 20X6)
Line 25: Line 25:
<td style="width: 130px; height: 20px; text-align: right">
<td style="width: 130px; height: 20px; text-align: right">
<span style="position: relative; top: -10px;">[[homestarrunner.com|Website]] &rarr;</span><br/>
<span style="position: relative; top: -10px;">[[homestarrunner.com|Website]] &rarr;</span><br/>
 +
<span style="position: relative; top: -5px;">[[Marzipan's Answering Machine|MAM]] &rarr;</span><br/>
<span style="position: relative; top: 0px;">[[Old-Timey]] &rarr;</span>
<span style="position: relative; top: 0px;">[[Old-Timey]] &rarr;</span>
</td>
</td>
Line 39: Line 40:
<!-- 2002 --><tr>
<!-- 2002 --><tr>
<td style="width: 130px; height: 40px; text-align: right">
<td style="width: 130px; height: 40px; text-align: right">
 +
<span style="position: relative; top: -10px;">[[Powered by The Cheat|PBTC]] &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 62: Line 64:
<!-- 2005 --><tr>
<!-- 2005 --><tr>
-
<td style="width: 130px; height: 40px; text-align: right"></td>
+
<td style="width: 130px; height: 40px; text-align: right">
 +
<span style="position: relative; top: -10px;">[[Stinkoman 20X6]] &rarr;</span>
 +
</td>
<td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="float: left; font-size: 12pt;">2005</span> <span style="float: right">[[Image:TeenGirlSquad10.PNG|68px]]</span></td>
<td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="float: left; font-size: 12pt;">2005</span> <span style="float: right">[[Image:TeenGirlSquad10.PNG|68px]]</span></td>
</tr>
</tr>

Revision as of 20:29, 13 July 2008

Original Book

1996
1997
1998
1999

Website
MAM
Old-Timey

2000

Strong Bad Email

2001

PBTC
TGS

2002

20X6
Trogdor
Puppet Stuff

2003

Cheat Commandos
Peasant's Quest

2004

Stinkoman 20X6

2005

Podstar Runner

2006
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