Template:Timeline of Homestar Runner
From Homestar Runner Wiki
(Difference between revisions)
GreenHelmet (Talk | contribs) (smaller, closer to the image it's imitating) |
GreenHelmet (Talk | contribs) (bold years) |
||
| Line 16: | Line 16: | ||
<span style="position: relative; top: -15px;">Original Book →</span> | <span style="position: relative; top: -15px;">Original Book →</span> | ||
</td> | </td> | ||
| - | <td style="width: 100px; height: 40px; padding-left: 5px; border-left: solid #000 10px; background: #ddd;"> <span style="float: left">1996</span> <span style="float: right">[[Image:Original Book Cover.PNG|68px]]</span></td> | + | <td style="width: 100px; height: 40px; padding-left: 5px; border-left: solid #000 10px; background: #ddd;"> <span style="float: left">'''1996'''</span> <span style="float: right">[[Image:Original Book Cover.PNG|68px]]</span></td> |
</tr> | </tr> | ||
<!-- 1997 --><tr> | <!-- 1997 --><tr> | ||
<td style="width: 133px; height: 20px; text-align: right"></td> | <td style="width: 133px; height: 20px; text-align: right"></td> | ||
| - | <td style="width: 100px; height: 20px; padding-left: 5px; border-left: solid #000 10px; background: #fff;"> <span style="float: left">1997</span> <span style="float: right"></span></td> | + | <td style="width: 100px; height: 20px; padding-left: 5px; border-left: solid #000 10px; background: #fff;"> <span style="float: left">'''1997'''</span> <span style="float: right"></span></td> |
</tr> | </tr> | ||
<!-- 1998 --><tr> | <!-- 1998 --><tr> | ||
<td style="width: 133px; height: 20px; text-align: right"></td> | <td style="width: 133px; height: 20px; text-align: right"></td> | ||
| - | <td style="width: 100px; height: 20px; padding-left: 5px; border-left: solid #000 10px; background: #ddd;"> <span style="float: left">1998</span> <span style="float: right"></span></td> | + | <td style="width: 100px; height: 20px; padding-left: 5px; border-left: solid #000 10px; background: #ddd;"> <span style="float: left">'''1998'''</span> <span style="float: right"></span></td> |
</tr> | </tr> | ||
<!-- 1999 --><tr> | <!-- 1999 --><tr> | ||
<td style="width: 133px; height: 20px; text-align: right"></td> | <td style="width: 133px; height: 20px; text-align: right"></td> | ||
| - | <td style="width: 100px; height: 20px; padding-left: 5px; border-left: solid #000 10px; background: #fff;"> <span style="float: left">1999</span> <span style="float: right"></span></td> | + | <td style="width: 100px; height: 20px; padding-left: 5px; border-left: solid #000 10px; background: #fff;"> <span style="float: left">'''1999'''</span> <span style="float: right"></span></td> |
</tr> | </tr> | ||
| Line 39: | Line 39: | ||
<span style="position: relative; top: 0px;">Old-Timey →</span> | <span style="position: relative; top: 0px;">Old-Timey →</span> | ||
</td> | </td> | ||
| - | <td style="width: 100px; height: 20px; padding-left: 5px; border-left: solid #000 10px; background: #ddd;"> <span style="float: left">2000</span> <span style="float: right">[[Image:old flash stuff.png|68px]]</span></td> | + | <td style="width: 100px; height: 20px; padding-left: 5px; border-left: solid #000 10px; background: #ddd;"> <span style="float: left">'''2000'''</span> <span style="float: right">[[Image:old flash stuff.png|68px]]</span></td> |
</tr> | </tr> | ||
| Line 46: | Line 46: | ||
<span style="position: relative; top: -10px;">sbemail →</span> | <span style="position: relative; top: -10px;">sbemail →</span> | ||
</td> | </td> | ||
| - | <td style="width: 100px; height: 40px; padding-left: 5px; border-left: solid #000 10px; background: #fff;"> <span style="float: left">2001</span> <span style="float: right">[[Image:sbemail1.PNG|68px]]</span></td> | + | <td style="width: 100px; height: 40px; padding-left: 5px; border-left: solid #000 10px; background: #fff;"> <span style="float: left">'''2001'''</span> <span style="float: right">[[Image:sbemail1.PNG|68px]]</span></td> |
</tr> | </tr> | ||
| Line 53: | Line 53: | ||
<span style="position: relative; top: 10px;">tgs →</span> | <span style="position: relative; top: 10px;">tgs →</span> | ||
</td> | </td> | ||
| - | <td style="width: 100px; height: 40px; padding-left: 5px; border-left: solid #000 10px; background: #ddd;"> <span style="float: left">2002</span> <span style="float: right">[[Image:sbemail.png|68px]]</span></td> | + | <td style="width: 100px; height: 40px; padding-left: 5px; border-left: solid #000 10px; background: #ddd;"> <span style="float: left">'''2002'''</span> <span style="float: right">[[Image:sbemail.png|68px]]</span></td> |
</tr> | </tr> | ||
| Line 62: | Line 62: | ||
<span style="position: relative; top: 5px;">puppet stuff →</span> | <span style="position: relative; top: 5px;">puppet stuff →</span> | ||
</td> | </td> | ||
| - | <td style="width: 100px; height: 60px; padding-left: 5px; border-left: solid #000 10px; background: #fff;"> <span style="float: left">2003</span> <span style="float: right">[[Image:trogday.PNG|50px]]</span><span style="float: left">[[Image:PuppetTime.png|50px]]</span></td> | + | <td style="width: 100px; height: 60px; padding-left: 5px; border-left: solid #000 10px; background: #fff;"> <span style="float: left">'''2003'''</span> <span style="float: right">[[Image:trogday.PNG|50px]]</span><span style="float: left">[[Image:PuppetTime.png|50px]]</span></td> |
</tr> | </tr> | ||
| Line 70: | Line 70: | ||
<span style="position: relative; top: 0px;">Peasant's Quest →</span> | <span style="position: relative; top: 0px;">Peasant's Quest →</span> | ||
</td> | </td> | ||
| - | <td style="width: 100px; height: 40px; padding-left: 5px; border-left: solid #000 10px; background: #ddd;"> <span style="float: left">2004</span> <span style="float: right">[[Image:sbemail119.PNG|68px]]</span></td> | + | <td style="width: 100px; height: 40px; padding-left: 5px; border-left: solid #000 10px; background: #ddd;"> <span style="float: left">'''2004'''</span> <span style="float: right">[[Image:sbemail119.PNG|68px]]</span></td> |
</tr> | </tr> | ||
<!-- 2005 --><tr> | <!-- 2005 --><tr> | ||
<td style="width: 133px; height: 40px; text-align: right"></td> | <td style="width: 133px; height: 40px; text-align: right"></td> | ||
| - | <td style="width: 100px; height: 40px; padding-left: 5px; border-left: solid #000 10px; background: #fff;"> <span style="float: left">2005</span> <span style="float: right">[[Image:TeenGirlSquad10.PNG|68px]]</span></td> | + | <td style="width: 100px; height: 40px; padding-left: 5px; border-left: solid #000 10px; background: #fff;"> <span style="float: left">'''2005'''</span> <span style="float: right">[[Image:TeenGirlSquad10.PNG|68px]]</span></td> |
</tr> | </tr> | ||
| Line 82: | Line 82: | ||
<span style="position: relative; top: 0px;">Podstar Runner →</span> | <span style="position: relative; top: 0px;">Podstar Runner →</span> | ||
</td> | </td> | ||
| - | <td style="width: 100px; height: 40px; padding-left: 5px; border-left: solid #000 10px; background: #ddd;"> <span style="float: left">2006</span> <span style="float: right">[[Image:Podstar.PNG|68px]]</span></td> | + | <td style="width: 100px; height: 40px; padding-left: 5px; border-left: solid #000 10px; background: #ddd;"> <span style="float: left">'''2006'''</span> <span style="float: right">[[Image:Podstar.PNG|68px]]</span></td> |
</tr> | </tr> | ||
| Line 90: | Line 90: | ||
<span style="position: relative; top: 0px;">Something Notable →</span> | <span style="position: relative; top: 0px;">Something Notable →</span> | ||
</td> | </td> | ||
| - | <td style="width: 100px; height: 40px; padding-left: 5px; border-left: solid #000 10px; background: #fff;"> <span style="float: left">2007</span> </td> | + | <td style="width: 100px; height: 40px; padding-left: 5px; border-left: solid #000 10px; background: #fff;"> <span style="float: left">'''2007'''</span> </td> |
</tr> | </tr> | ||
| Line 97: | Line 97: | ||
<span style="position: relative; top: 0px;">Green Helmet <br/>Joined the Wiki→</span> | <span style="position: relative; top: 0px;">Green Helmet <br/>Joined the Wiki→</span> | ||
</td> | </td> | ||
| - | <td style="width: 100px; height: 40px; padding-left: 5px; border-left: solid #000 10px; background: #ddd;"> <span style="float: left">2008</span> <span style="float: right">[[Image:greenhelmet-transparent.png|68px]]</span></td> | + | <td style="width: 100px; height: 40px; padding-left: 5px; border-left: solid #000 10px; background: #ddd;"> <span style="float: left">'''2008'''</span> <span style="float: right">[[Image:greenhelmet-transparent.png|68px]]</span></td> |
</tr> | </tr> | ||
<!-- Place new years directly above this line --> | <!-- Place new years directly above this line --> | ||
</table></div> | </table></div> | ||
Revision as of 21:56, 12 July 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
<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.
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 verically 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
|
Original Book → |
1996  |
| 1997 | |
| 1998 | |
| 1999 | |
|
website → |
2000  |
|
sbemail → |
2001  |
|
tgs → |
2002  |
|
20X6 → |
2003   |
|
Cheat Commandos → |
2004  |
2005  |
|
|
Podstar Runner → |
2006  |
|
Stuff Happened → |
2007 |
|
Green Helmet |
2008  |
