Difference between revisions of "Template:Header"

From LGPedia
Jump to: navigation, search
m
(Additional parameters available)
 
(23 intermediate revisions by 6 users not shown)
Line 1: Line 1:
{|style="width:100%;background-color:#194B95; border:2px solid darkgray; text-align:center; color:white; font-weight:bolder;font-size:36px; font-family:Courier New,Courier,monospaced;"
+
<includeonly><div style="width: {{{width|100%}}}; height: 100px; background-color: {{ #ifeq: {{{KM}}} | yes | #60396C |{{ #ifeq: {{{RES}}} | yes | #489F14 | #194B95}}}}; border: 2px solid {{{header-border-color|darkgray}}}; text-align: center; font-size: 36px; font-family: Giza-OneFive, Tahoma, Verdana, Georgia, 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:{{ #ifeq: {{{KM}}} | yes | KM|}}{{ #ifeq: {{{RES}}} | yes | RES|}}Leftcorner.png|100px]]</div><div style="position: absolute; top: 0px; right: 0px;">[[Image:{{ #ifeq: {{{KM}}} | yes | KM|}}{{ #ifeq: {{{RES}}} | yes | RES|}}Rightcorner.png|100px]]</div><table style="width: 100%;" cellspacing="0"><tr><td style="height: 100px; color: {{{font-color|White}}}; background-color: {{ #ifeq: {{{KM}}} | yes | #60396C |{{ #ifeq: {{{RES}}} | yes | #489F14 | #194B95}}}};">{{{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.
|
+
[[Image:Leftcorner.png|left|100px]]
+
|
+
{{{1}}}
+
|  
+
[[Image:Rightcorner.png|right|100px]]
+
|}
+
  
{|style="border-spacing:8px;margin:0px -8px"
+
==Usage==
|class="MainPageBG" style="width:55%;border:1px solid #c0c0c0;background-color:#f5f5f5;vertical-align:top;color:#000"|
+
<pre>{{{Header|HEADLINE OR IMAGE}}</pre>
{|width="100%" cellpadding="2" cellspacing="5" style="vertical-align:top;background-color:#f5f5f5"
+
Pass either an image or a headline as the first parameter.
<!--The first color variable after the word solid is the outer color of the border, the second variable is the inner color of the border. This last color variable is the background color for the whole column-->
+
  
<noinclude>
+
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===
 +
*<code>width=</code>: Controls header width.
 +
*<code>font-color=</code>: Controls header font color. (Standard HTML color names or codes.)
 +
*<code>header-border-color=</code>: Controls header border color. (Standard HTML color names or codes.)
 +
*<code>KM=yes</code>: If set, the header sports KM purple rather than LG blue.
 +
*<code>RES=yes</code>: If set, the header sports RES green rather than LG blue.
  
image example:
+
==Examples==
{{Header|[[Image:Relationships.jpg]]
+
===Text example===
}}
+
<pre>{{Header|Blog Girl}}</pre>
 +
{{Header|Blog Girl}}
  
Text example
+
===Image example===
{{Header|Blog Girl
+
<pre>{{Header|[[Image:Relationships.jpg]]}}</pre>
}}
+
{{Header|[[Image:Relationships.jpg]]}}
</noinclude>
+
 
 +
===KateModern example===
 +
<pre>{{Header|KateModern|KM=yes}}</pre>
 +
{{Header|KateModern|KM=yes}}
 +
 
 +
===LG15: The Resistance example===
 +
<pre>{{Header|LG15: The Resistance|RES=yes}}</pre>
 +
{{Header|LG15: The Resistance|RES=yes}}
 +
 
 +
[[Category:Templates|{{PAGENAME}}]]</noinclude>

Latest revision as of 01:03, 30 January 2009

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=: Controls header width.
  • font-color=: Controls header font color. (Standard HTML color names or codes.)
  • header-border-color=: Controls header border color. (Standard HTML color names or codes.)
  • KM=yes: If set, the header sports KM purple rather than LG blue.
  • RES=yes: If set, the header sports RES green rather than LG blue.

Examples

Text example

{{Header|Blog Girl}}
Leftcorner.png
Rightcorner.png
Blog Girl

Image example

{{Header|[[Image:Relationships.jpg]]}}
Leftcorner.png
Rightcorner.png
Relationships.jpg

KateModern example

{{Header|KateModern|KM=yes}}
KMLeftcorner.png
KMRightcorner.png
KateModern

LG15: The Resistance example

{{Header|LG15: The Resistance|RES=yes}}
RESLeftcorner.png
RESRightcorner.png
LG15: The Resistance