Template:Timeline of Homestar Runner

From Homestar Runner Wiki

(Difference between revisions)
Jump to: navigation, search
m (the troggie image actually has to be 2px smaller to compensate for the border (which it has because it looks silly with the second image below it if there's no border))
(3 more events)
Line 40: 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;">[[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;">[[Teen Girl Squad|TGS]] &rarr;</span>
<span style="position: relative; top: 10px;">[[Teen Girl Squad|TGS]] &rarr;</span>
Line 58: Line 59:
<td style="width: 133px; height: 40px; text-align: right">
<td style="width: 133px; height: 40px; text-align: right">
<span style="position: relative; top: 0px;">[[Cheat Commandos]] &rarr;</span><br/>
<span style="position: relative; top: 0px;">[[Cheat Commandos]] &rarr;</span><br/>
-
<span style="position: relative; top: 0px;">[[Peasant's Quest]] &rarr;</span>
+
<span style="position: relative; top: 0px;">[[Peasant's Quest]] &rarr;</span><br/>
 +
<span style="position: relative; top: -10px;">[[strongbad_email.exe]] &rarr;</span>
 +
 
</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>
Line 65: Line 68:
<!-- 2005 --><tr>
<!-- 2005 --><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;">[[Stinkoman 20X6]] &rarr;</span>
+
<span style="position: relative; top: -10px;">[[Stinkoman 20X6]] &rarr;</span><br/>
 +
<span style="position: relative; top: -10px;">[[Everything Else]] &rarr;</span>
</td>
</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>

Revision as of 23:11, 13 July 2008

Original Book

1996
1997
1998
1999

Website
MAM
Old-Timey

2000

Strong Bad Email

2001

Videlectrix
PBTC
TGS

2002

20X6
Trogdor
Puppet Stuff

2003

Cheat Commandos
Peasant's Quest
strongbad_email.exe

2004

Stinkoman 20X6
Everything Else

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