Difference between revisions of "Template:Header"
From LGPedia
(First test) |
(Eliminating the wrapper...was never pretty code in the first place, sucks to implement, and is way too static.) |
||
Line 1: | Line 1: | ||
− | <includeonly><div style="width: {{{width|100%}}}; height: 100px; background-color: #194B95; border: 2px solid {{{header-border-color|darkgray}}}; text-align: center; font-size: 36px; font-family: Giza-OneFive, Times New Roman, Times, Serif; font-weight: 35; margin-left: auto; margin-right: auto; clear: both; position: relative; top: 0px; left: 0px;"><div style="position: absolute; top: 0px; left: 0px;">[[Image:Leftcorner.png|100px]]</div><div style="position: absolute; top: 0px; right: 0px;">[[Image:Rightcorner.png|100px]]</div><table style="width: 100%;"><tr><td style="height: 100px; color: {{{font-color|White}}};">{{{1}}}</td></tr></table></div | + | <includeonly><div style="width: {{{width|100%}}}; height: 100px; background-color: #194B95; border: 2px solid {{{header-border-color|darkgray}}}; text-align: center; font-size: 36px; font-family: Giza-OneFive, Times New Roman, Times, Serif; font-weight: 35; margin-left: auto; margin-right: auto; clear: both; position: relative; top: 0px; left: 0px;"><div style="position: absolute; top: 0px; left: 0px;">[[Image:Leftcorner.png|100px]]</div><div style="position: absolute; top: 0px; right: 0px;">[[Image:Rightcorner.png|100px]]</div><table style="width: 100%;"><tr><td style="height: 100px; color: {{{font-color|White}}};">{{{1}}}</td></tr></table></div></includeonly><noinclude>This template generates a header similar to the one previously seen on lonelygirl15.com and several high-profile LGPedia pages. |
− | + | ||
==Usage== | ==Usage== | ||
<pre>{{{Header|HEADLINE OR IMAGE}}</pre> | <pre>{{{Header|HEADLINE OR IMAGE}}</pre> | ||
− | Pass either an image or a headline as the first parameter | + | Pass either an image or a headline as the first parameter. |
− | === | + | |
+ | To generate the wrapper previously available automatically, use this code: | ||
+ | <pre><div style="width: 100%; border:1px solid #c0c0c0; background-color: #f5f5f5; color: #000; margin-left: auto; margin-right: auto; margin-top: 1em; padding: 1px;">CONTENT HERE</div></pre> | ||
+ | ===Additional parameters available=== | ||
+ | *<tt>width</tt> | ||
*<tt>font-color</tt> | *<tt>font-color</tt> | ||
*<tt>header-border-color</tt> | *<tt>header-border-color</tt> | ||
− | + | Both take standard HTML color names or codes. | |
− | + | ||
− | + | ||
==Examples== | ==Examples== | ||
===Text example=== | ===Text example=== | ||
<pre>{{Header|Blog Girl}}</pre> | <pre>{{Header|Blog Girl}}</pre> | ||
− | {{Header|Blog Girl}} | + | {{Header|Blog Girl}} |
===Image example=== | ===Image example=== | ||
<pre>{{Header|[[Image:Relationships.jpg]]}}</pre> | <pre>{{Header|[[Image:Relationships.jpg]]}}</pre> | ||
− | {{Header|[[Image:Relationships.jpg]]}} | + | {{Header|[[Image:Relationships.jpg]]}} |
[[Category:Templates|{{PAGENAME}}]]</noinclude> | [[Category:Templates|{{PAGENAME}}]]</noinclude> |
Revision as of 02:56, 1 October 2007
This template generates a header similar to the one previously seen on lonelygirl15.com and several high-profile LGPedia pages.
Usage
{{{Header|HEADLINE OR IMAGE}}
Pass either an image or a headline as the first parameter.
To generate the wrapper previously available automatically, use this code:
<div style="width: 100%; border:1px solid #c0c0c0; background-color: #f5f5f5; color: #000; margin-left: auto; margin-right: auto; margin-top: 1em; padding: 1px;">CONTENT HERE</div>
Additional parameters available
- width
- font-color
- header-border-color
Both take standard HTML color names or codes.
Examples
Text example
{{Header|Blog Girl}}
Image example
{{Header|[[Image:Relationships.jpg]]}}