Template:Timeline of Homestar Runner
From Homestar Runner Wiki
(Difference between revisions)
(Adding The Next April Fools Thing) |
(removed some minor events; added hiatus in 2011) |
||
Line 8: | Line 8: | ||
<!-- 1997 --><tr> | <!-- 1997 --><tr> | ||
- | <td style="width: 130px; height: | + | <td style="width: 130px; height: 40px; text-align: right"></td> |
- | <td style="width: 120px; height: | + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="float: left; font-size: 12pt;">1997</span> <span style="float: right"></span></td> |
</tr> | </tr> | ||
<!-- 1998 --><tr> | <!-- 1998 --><tr> | ||
- | <td style="width: 130px; height: | + | <td style="width: 130px; height: 40px; text-align: right"></td> |
- | <td style="width: 120px; height: | + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="float: left; font-size: 12pt;">1998</span> <span style="float: right"></span></td> |
</tr> | </tr> | ||
Line 113: | Line 113: | ||
<!-- 2011 --><tr> | <!-- 2011 --><tr> | ||
- | <td style="width: 130px; height: 20px; text-align: right"></td> | + | <td style="width: 130px; height: 20px; text-align: right"> |
- | <td style="width: 120px; height: 20px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="float: left; font-size: 12pt;">2011</span> <span style="float: right"></span></td> | + | <span style="position: relative; top: -5px;">[[HRWiki:Hiatuses|Hiatus]] →</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;">2011</span> <span style="float: right">[[File:babylady.jpg|68px|"DON'T throw baby!"]]</span></td> | ||
</tr> | </tr> | ||
Line 149: | Line 150: | ||
<!-- 2016 --><tr> | <!-- 2016 --><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;">[[Marzipan's Answering Machine Version 17.2]] →</span><br/> | + | <span style="position: relative; top: -10px;">[[Marzipan's Answering Machine Version 17.2|MAM 17.2]] →</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;">2016</span> <span style="float: right">[[File:dilapidated_XL8.png|68px|"What? How can her mailbox be full?"]]</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;">2016</span> <span style="float: right">[[File:dilapidated_XL8.png|68px|"What? How can her mailbox be full?"]]</span></td> | ||
Line 157: | Line 158: | ||
<!-- 2017 --><tr> | <!-- 2017 --><tr> | ||
<td style="width: 130px; height: 40px; text-align: right"> | <td style="width: 130px; height: 40px; text-align: right"> | ||
- | |||
<span style="position: relative; top: 0px;">[[Skills of an Artist]] →</span><br/> | <span style="position: relative; top: 0px;">[[Skills of an Artist]] →</span><br/> | ||
- | |||
</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;">2017</span> <span style="float: right">[[ | + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="float: left; font-size: 12pt;">2017</span> <span style="float: right">[[File:TwitterSOAA.png|68px|"Welcome back to another Skills of an Artist!"]]</span></td> |
</tr> | </tr> | ||
Line 167: | Line 166: | ||
<td style="width: 130px; height: 40px; text-align: right"> | <td style="width: 130px; height: 40px; text-align: right"> | ||
<span style="position: relative; top: -10px;">[[The Deleteheads Download|Deleteheads]] →</span><br/> | <span style="position: relative; top: -10px;">[[The Deleteheads Download|Deleteheads]] →</span><br/> | ||
- | |||
<span style="position: relative; top: -10px;">[[Trogdor!! The Board Game|Trogdor!!]] →</span><br/> | <span style="position: relative; top: -10px;">[[Trogdor!! The Board Game|Trogdor!!]] →</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;">2018</span> <span style="float: right">[[File: | + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="float: left; font-size: 12pt;">2018</span> <span style="float: right">[[File:gameGallery7.jpg|68px|"A cooperative game of burnination, majesty, and consummate V's."]]</span></td> |
</tr> | </tr> | ||
Revision as of 21:21, 16 August 2018
1996 |
|
1997 | |
1998 | |
1999 ![]() |
|
2000 ![]() |
|
2001 |
|
Videlectrix → |
2002 ![]() |
20X6 → |
2003 ![]() |
Cheat Commandos → |
2004 |
2005 |
|
2006 |
|
2007 ![]() |
|
SBCG4AP → |
2008 |
Compé → |
2009 ![]() |
2010 ![]() |
|
Hiatus → | 2011 ![]() |
2012 ![]() |
|
2013 ![]() |
|
2014 ![]() |
|
sbemail206 → |
2015 ![]() |
MAM 17.2 → |
2016 ![]() |
2017 ![]() |
|
Deleteheads → |
2018 ![]() |
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