Template:Timeline of Homestar Runner
From Homestar Runner Wiki
(Difference between revisions)
(adding debuts of Marzipan's Answering Machine, Powered by The Cheat and Stinkoman 20X6) |
GreenHelmet (Talk | contribs) 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)) |
||
| Line 52: | Line 52: | ||
<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| | + | <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> |
</tr> | </tr> | ||
Revision as of 21:40, 13 July 2008
1996  |
|
| 1997 | |
| 1998 | |
| 1999 | |
2000  |
|
2001  |
|
2002  |
|
|
20X6 → |
2003   |
2004  |
|
2005  |
|
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>
- 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
