Template:Timeline of Homestar Runner
From Homestar Runner Wiki
(Difference between revisions)
It's dot com (Talk | contribs) (not much to pick from in 2010) |
(Why not?) |
||
Line 4: | Line 4: | ||
<span style="position: relative; top: -15px;">[[Original Book]] →</span> | <span style="position: relative; top: -15px;">[[Original Book]] →</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;">1996</span> <span style="float: right">[[Image:Original Book Cover.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;">1996</span> <span style="float: right">[[Image:Original Book Cover.PNG|68px|The Homestar Runner!]]</span></td> |
</tr> | </tr> | ||
Line 20: | Line 20: | ||
<td style="width: 130px; height: 20px; text-align: right"> | <td style="width: 130px; height: 20px; text-align: right"> | ||
<span style="position: relative; top: -10px;">[[Where My Hat is At?]] →</span> | <span style="position: relative; top: -10px;">[[Where My Hat is At?]] →</span> | ||
- | <td style="width: 120px; height: 20px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="float: left; font-size: 12pt;">1999</span> <span style="float: right">[[File:WhereMyHat.png|68px]]</span></td> | + | <td style="width: 120px; height: 20px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="float: left; font-size: 12pt;">1999</span> <span style="float: right">[[File:WhereMyHat.png|68px|Where your hat is at, Homestar?]]</span></td> |
</tr> | </tr> | ||
Line 29: | Line 29: | ||
<span style="position: relative; top: 0px;">[[Old-Timey]] →</span> | <span style="position: relative; top: 0px;">[[Old-Timey]] →</span> | ||
</td> | </td> | ||
- | <td style="width: 120px; height: 20px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="float: left; font-size: 12pt;">2000</span> <span style="float: right">[[Image:old flash stuff.png|68px]]</span></td> | + | <td style="width: 120px; height: 20px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="float: left; font-size: 12pt;">2000</span> <span style="float: right">[[Image:old flash stuff.png|68px|The Homestar Runner!]]</span></td> |
</tr> | </tr> | ||
Line 36: | Line 36: | ||
<span style="position: relative; top: -10px;">[[Strong Bad Email]] →</span> | <span style="position: relative; top: -10px;">[[Strong Bad Email]] →</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;">2001</span> <span style="float: right">[[Image:sbemail1.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;">2001</span> <span style="float: right">[[Image:sbemail1.PNG|68px|The Strong Bad!]]</span></td> |
</tr> | </tr> | ||
Line 46: | Line 46: | ||
<span style="position: relative; top: 10px;">[[Teen Girl Squad|TGS]] →</span> | <span style="position: relative; top: 10px;">[[Teen Girl Squad|TGS]] →</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;">2002</span> <span style="float: right">[[Image:sbemail.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;">2002</span> <span style="float: right">[[Image:sbemail.png|68px|The Compy 386]]</span></td> |
</tr> | </tr> | ||
Line 55: | Line 55: | ||
<span style="position: relative; top: 20px;">[[Puppet Stuff]] →</span> | <span style="position: relative; top: 20px;">[[Puppet Stuff]] →</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:sbemail58picture2a.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|66px|TROGDOR!! TROGDOR!!]]</span><span style="float: right;">[[Image:Everybody Knows It.jpg|68px|Puppet Stuff]]</span></td> |
</tr> | </tr> | ||
Line 65: | Line 65: | ||
<span style="position: relative; top: 0px;">[[Lappy 486]] →</span><br/> | <span style="position: relative; top: 0px;">[[Lappy 486]] →</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|"Dong Diiing!"]]</span></td> |
</tr> | </tr> | ||
Line 73: | Line 73: | ||
<span style="position: relative; top: -10px;">[[Everything Else]] →</span> | <span style="position: relative; top: -10px;">[[Everything Else]] →</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|B'GRL PRTY!?!]]</span></td> |
</tr> | </tr> | ||
Line 80: | Line 80: | ||
<span style="position: relative; top: -10px;">[[Podstar Runner]] →</span> | <span style="position: relative; top: -10px;">[[Podstar Runner]] →</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;">2006</span> <span style="float: right">[[Image:Podstar.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;">2006</span> <span style="float: right">[[Image:Podstar.PNG|68px|"what am I doing in this tiny box?"]]</span></td> |
</tr> | </tr> | ||
Line 87: | Line 87: | ||
<span style="position: relative; top: -10px;">[[New Paper]] →</span> | <span style="position: relative; top: -10px;">[[New Paper]] →</span> | ||
</td> | </td> | ||
- | <td style="width: 120px; height: 30px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="float: left; font-size: 12pt;">2007</span> <span style="float: right">[[Image:New Paper Icon.png|68px]]</span></td> | + | <td style="width: 120px; height: 30px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="float: left; font-size: 12pt;">2007</span> <span style="float: right">[[Image:New Paper Icon.png|68px|New Papes]]</span></td> |
</tr> | </tr> | ||
Line 94: | Line 94: | ||
<span style="position: relative; top: -10px;">[[Strong Bad's Cool Game for Attractive People|SBCG4AP]] →</span> | <span style="position: relative; top: -10px;">[[Strong Bad's Cool Game for Attractive People|SBCG4AP]] →</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;">2008</span> <span style="float: right">[[Image:SBCG4AP Pop Up.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;">2008</span> <span style="float: right">[[Image:SBCG4AP Pop Up.PNG|68px|SBCG4AP]]</span></td> |
</tr> | </tr> | ||
Line 101: | Line 101: | ||
<span style="position: relative; top: -10px;">[[Compé]] →</span> | <span style="position: relative; top: -10px;">[[Compé]] →</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;">2009</span> <span style="float: right">[[Image:Compé with SB.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;">2009</span> <span style="float: right">[[Image:Compé with SB.png|68px|Compé!]]</span></td> |
</tr> | </tr> | ||
Line 108: | Line 108: | ||
<span style="position: relative; top: -5px;">[[Xeriouxly Forxe]] →</span> | <span style="position: relative; top: -5px;">[[Xeriouxly Forxe]] →</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;">2010</span> <span style="float: right">[[Image:HSR Xeriouxly Forxe.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;">2010</span> <span style="float: right">[[Image:HSR Xeriouxly Forxe.png|68px|Revamped for the 90's!]]</span></td> |
</tr> | </tr> | ||
Revision as of 00:38, 8 April 2011
1996 |
|
1997 | |
1998 | |
1999 ![]() |
|
2000 ![]() |
|
2001 |
|
Videlectrix → |
2002 ![]() |
20X6 → |
2003 ![]() |
Cheat Commandos → |
2004 |
2005 |
|
2006 |
|
2007 ![]() |
|
SBCG4AP → |
2008 |
Compé → |
2009 ![]() |
2010 ![]() |
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>
- Years begin with:
- 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.
- Notice that each item has in front