Template:TLevent: Difference between revisions

Latest revision as of 11:46, 28 April 2008

{{{event}}}

Template Description

Used as an element within {{Timeline}}. Please note: the stem units are in EMs. The width units can be in "em"s, pixels, or percentages.

Execution

{{TLevent
|event= Describe your event.
|width= Width in em or percent, or pixels.  (Can be static or dynamic.  pick!)
|color= in "plain english", #FFF hex, or #123ABC hex.
}}

Sample

This one time, in band camp... I used the color white

Caveats

After you place the last event in the timeline, be sure to put |} at the end to close off the table.
The width should be specified as being either pixels (px), em or percent (%). Your preference should be to use fixed values to prevent problems with browser width scaling problems. 500 - 600 px seems to be a pretty good choice for the new skin.
Use <br/> after your table to push the wiki text down so it won't overlap.
The following tags can be used:
- <big></big>
- <small></small>
- Wiki-style headings using "="s can be used, but they must be formatted like such: <h3></h3>, <h2></h2>, etc.
See Template:Timeline/Sample#Test_with_various_functions for a continuing test of what wiki functions may be (safely!) used with this template.

Authors

Robert King

@@ Line 1: / Line 1: @@
+<div style="position:relative;
+border: 0.15em solid #000;
+height:3em;
+top:3em;
+left:2em;
+width:2.5em;
+border-top:0;
+border-bottom:1;
+border-left:0;
+border-right:0;
+z-index:2;
+margin-bottom:0px;">
+</div>
 <div style="position:relative;
 border: 0.05em solid #000;
@@ Line 4: / Line 17: @@
 left:4em;
 width:{{{width}}};
-background-color: #FFC;
+background-color: {{{color}}};
-margin:1.5em">{{{event}}}
+margin-bottom:0em;
-</div>
+z-index:3;"><font style="padding:4px; margin:3px; display:block;">{{{event}}}</font>
-<div style="position:relative;
-border: 0.05em solid #F00;
-top:-2em;
-left:2.3em;
-width:3em;
-border-top:0;
-border-bottom:1;
-border-left:1;
-border-right:0;">
 </div>
 <noinclude>
+<br/><br/>
 {{Newtemplate
-|description=Used as an element within {{tl|Timeline}}.  '''Do not use this right now, it is largely incomplete!'''
+|description=Used as an element within {{tl|Timeline}}.  '''Please note:''' the stem units are in EMs.  The width units can be in "em"s, pixels, or percentages.
 |execution=<pre>
 {{TLevent
 |event= Describe your event.
-|width= Width in em or percent
+|width= Width in em or percent, or pixels.  (Can be static or dynamic.  pick!)
+|color= in "plain english", #FFF hex, or #123ABC hex.
 }}
 </pre>
 |sample={{TLevent
-|event=This one time, in band camp...
+|event=This one time, in band camp... '''I used the color white'''
-|width=25%
+|width=90%
+|color=white
 }}
+<br/>
+<br/>
+|caveats=
-|caveats=After you place the last event in the timeline, be sure to put <code><nowiki>|}</nowiki></code> at the end to close off the table.
+*After you place the last event in the timeline, be sure to put <code><nowiki>|}</nowiki></code> at the end to close off the table.
+*The width should be specified as being either '''pixels (px)''',  '''em''' or '''percent (%)'''.   '''Your preference should be to use fixed values''' to prevent problems with browser width scaling problems.  500 - 600 px seems to be a pretty good choice for the new skin.
+*Use <code><nowiki><br/></nowiki></code> after your table to push the wiki text down so it won't overlap.
+*The following tags can be used:
+**<code><nowiki><big></big></nowiki></code>
+**<code><nowiki><small></small></nowiki></code>
+**Wiki-style headings using "="s can be used, but they must be formatted like such: <code><nowiki><h3></h3></nowiki></code>, <code><nowiki><h2></h2></nowiki></code>, etc.
+*See [[Template:Timeline/Sample#Test_with_various_functions]] for a continuing test of what wiki functions may be (safely!) used with this template.
 |authors=*[[User:Robert_W_King|Robert King]]
 }}
 </noinclude>