Template:TLevent: Difference between revisions

From Citizendium
Jump to navigation Jump to search
imported>Chris Day
(This makes it look like pixels are not OK which is cinfusing since you then mention the best width is between 500 and 600.)
imported>Robert W King
No edit summary
 
(18 intermediate revisions by 2 users not shown)
Line 9: Line 9:
border-left:0;
border-left:0;
border-right:0;
border-right:0;
z-index:2;">
z-index:2;
margin-bottom:0px;">
</div>
</div>
<div style="position:relative;  
<div style="position:relative;  
Line 17: Line 18:
width:{{{width}}};
width:{{{width}}};
background-color: {{{color}}};
background-color: {{{color}}};
margin-bottom:-1.5em;
margin-bottom:0em;
z-index:3;"><font style="padding: 4px; margin:4px; display:block;">{{{event}}}</font>
z-index:3;"><font style="padding:4px; margin:3px; display:block;">{{{event}}}</font>
</div>
</div>
<noinclude>
<noinclude>
<br/><br/>
<br/><br/>
{{Newtemplate
{{Newtemplate
|description=Used as an element within {{tl|Timeline}}.  '''Please note that all units used on this template should be in "em"s, <u>not</u> pixels!'''
|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>
|execution=<pre>
{{TLevent
{{TLevent
Line 46: Line 47:
|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.  
*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.
*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:
*The following tags can be used:

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