Template:Timeline of Homestar Runner

From Homestar Runner Wiki

(Difference between revisions)
Jump to: navigation, search
(+cat)
(replacing Happy Trogday image with screenshot from actual email dragon)
Line 50: Line 50:
<span style="position: relative; top: 20px;">Puppet Stuff &rarr;</span>
<span style="position: relative; top: 20px;">Puppet Stuff &rarr;</span>
</td>
</td>
-
<td style="width: 120px; height: 60px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="float: left; font-size: 12pt;">2003</span> <span style="float: right; border: solid #cedbeb 1px;">[[Image:trogday.PNG|66px]]</span><span style="float: right;">[[Image:Everybody Knows It.jpg|68px]]</span></td>
+
<td style="width: 120px; height: 60px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="float: left; font-size: 12pt;">2003</span> <span style="float: right; border: solid #cedbeb 1px;">[[Image:sbemail58picture2a.PNG|68px]]</span><span style="float: right;">[[Image:Everybody Knows It.jpg|68px]]</span></td>
</tr>
</tr>

Revision as of 20:07, 13 July 2008

Original Book →

1996
1997
1998
1999

Website →
Old-Timey →

2000

Strong Bad Email →

2001

TGS →

2002

20X6 →
Trogdor →
Puppet Stuff →

2003

Cheat Commandos →
Peasant's Quest →

2004
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