Difference between revisions of "Template:Header Box"

From Nookipedia, the Animal Crossing wiki
m (Text replacement - "Category:Header Templates" to "Category:Header templates")
m
 
(2 intermediate revisions by one other user not shown)
Line 1: Line 1:
 
<div class="nomobile" style="text-align:center; width:100%;">
 
<div class="nomobile" style="text-align:center; width:100%;">
{| style="width:100%; background-color:{{{bg-color|#D1E6C6}}}; border-spacing:0px; border:{{#if:{{{border-color|<noinclude>yes</noinclude>}}}|3px solid {{{border-color|#67AD42}}}|}}; margin-bottom:20px; {{Roundy|30px}}; padding:6px 14px;"
+
{| class="theme-background" style="width:100%; {{#if:{{{bg-color|}}}|background-color:{{{bg-color|}}};|}} border-spacing:0px; {{#if:{{{border-color|}}}|border: 3px solid {{{border-color|}}};|}} margin-bottom:20px; {{Roundy|30px}}; padding:6px 14px;"
 
|-
 
|-
| style="width:35%; text-align:left;" | [[{{{left-link|Template:Header Box/doc}}}|{{Colorshow|333|←}}]] {{#if:{{{left-image|<noinclude>yes</noinclude>}}}|[[{{{left-image|<noinclude>File:Tom Nook aF Character Icon.png</noinclude>}}}|{{{left-imagesize|30px}}}|link={{{left-link|<noinclude>Template:Header Box/doc</noinclude>}}}]]|}}{{#if:{{{left-image2|<noinclude>yes</noinclude>}}}|[[{{{left-image2|<noinclude>File:Nooklings aF Character Icon.png</noinclude>}}}|{{{left-imagesize2|30px}}}|link={{{left-link|<noinclude>Template:Header Box/doc</noinclude>}}}]]|}} [[{{{left-link|Template:Header Box/doc}}}|{{Colorshow|333|{{{left-text|Previous page}}}}}]]
+
| style="width:35%; text-align:left;" | [[{{{left-link|Template:Header Box/doc}}}|{{Colorshow|333|←}}]] {{#if:{{{left-image|<noinclude>yes</noinclude>}}}|[[{{{left-image|<noinclude>File:Tom Nook NH Character Icon.png</noinclude>}}}|{{{left-imagesize|30px}}}|link={{{left-link|<noinclude>Template:Header Box/doc</noinclude>}}}]]|}}{{#if:{{{left-image2|<noinclude>yes</noinclude>}}}|[[{{{left-image2|<noinclude>File:Nooklings NH Character Icon.png</noinclude>}}}|{{{left-imagesize2|30px}}}|link={{{left-link|<noinclude>Template:Header Box/doc</noinclude>}}}]]|}} [[{{{left-link|Template:Header Box/doc}}}|{{Colorshow|333|{{{left-text|Previous page}}}}}]]
 
| style="width:30%;" | {{#if:{{{middle-link|<noinclude>yes</noinclude>}}}|[[{{{middle-link|<noinclude>Template:Header Box/doc</noinclude>}}}|{{Colorshow|333|'''{{{middle-text|Middle link}}}'''}}]]|}}
 
| style="width:30%;" | {{#if:{{{middle-link|<noinclude>yes</noinclude>}}}|[[{{{middle-link|<noinclude>Template:Header Box/doc</noinclude>}}}|{{Colorshow|333|'''{{{middle-text|Middle link}}}'''}}]]|}}
| style="width:35%; text-align:right;" | [[{{{right-link|Template:Header Box/doc}}}|{{Colorshow|333|{{{right-text|Next page}}}}}]] {{#if:{{{right-image|<noinclude>yes</noinclude>}}}|[[{{{right-image|<noinclude>File:Isabelle aF Character Icon.png</noinclude>}}}|{{{right-imagesize|30px}}}|link={{{right-link|<noinclude>Template:Header Box/doc</noinclude>}}}]]|}} [[{{{right-link|Template:Header Box/doc}}}|{{Colorshow|333|}}]] {{#if:{{{right-image2|<noinclude>yes</noinclude>}}}|[[{{{right-image2|<noinclude>File:Digby aF Character Icon.png</noinclude>}}}|{{{right-imagesize2|30px}}}|link={{{right-link|<noinclude>Template:Header Box/doc</noinclude>}}}]]|}} [[{{{right-link|Template:Header Box/doc}}}|{{Colorshow|333|→}}]]
+
| style="width:35%; text-align:right;" | [[{{{right-link|Template:Header Box/doc}}}|{{Colorshow|333|{{{right-text|Next page}}}}}]] {{#if:{{{right-image|<noinclude>yes</noinclude>}}}|[[{{{right-image|<noinclude>File:Isabelle NH Character Icon.png</noinclude>}}}|{{{right-imagesize|30px}}}|link={{{right-link|<noinclude>Template:Header Box/doc</noinclude>}}}]]|}} [[{{{right-link|Template:Header Box/doc}}}|{{Colorshow|333|}}]] {{#if:{{{right-image2|<noinclude>yes</noinclude>}}}|[[{{{right-image2|<noinclude>File:Digby NH Character Icon.png</noinclude>}}}|{{{right-imagesize2|30px}}}|link={{{right-link|<noinclude>Template:Header Box/doc</noinclude>}}}]]|}} [[{{{right-link|Template:Header Box/doc}}}|{{Colorshow|333|→}}]]
 
|}
 
|}
 
</div><div class="onlymobile" style="text-align:center; width:100%;">
 
</div><div class="onlymobile" style="text-align:center; width:100%;">
{| style="width:100%; background-color:{{{bg-color|#D1E6C6}}}; border-spacing:0px; border:{{#if:{{{border-color|<noinclude>yes</noinclude>}}}|3px solid {{{border-color|#67AD42}}}|}}; margin-bottom:20px; {{Roundy|15px}};"
+
{| class="theme-background" style="width:100%; {{#if:{{{bg-color|}}}|background-color:{{{bg-color|}}};|}} border-spacing:0px; {{#if:{{{border-color|}}}|border: 3px solid {{{border-color|}}};|}} margin-bottom:20px; {{Roundy|15px}};"
 
{{#if:{{{middle-text|<noinclude>yes</noinclude>}}}|
 
{{#if:{{{middle-text|<noinclude>yes</noinclude>}}}|
{{!}} colspan=2 style="height:35px; border-bottom:{{#if:{{{border-color|}}}|3px|1px}} solid {{{cell-border|#67AD42}}};" {{!}} [[{{{middle-link|<noinclude>Template:Header Box/doc</noinclude>}}}|{{Colorshow|333|'''{{{middle-text|Middle link}}}'''}}]]
+
{{!}} class="theme-border" colspan=2 style="height:35px; border-width:0px 0px {{#if:{{{border-color|}}}|3px|1px}} 0px; {{#if:{{{cell-border|}}}|border-color:{{{cell-border|}}};|}}" {{!}} [[{{{middle-link|<noinclude>Template:Header Box/doc</noinclude>}}}|{{Colorshow|333|'''{{{middle-text|Middle link}}}'''}}]]
 
{{!-}}|}}
 
{{!-}}|}}
 
| style="width:50%; height:38px; text-align:left; padding:0 6px 0 18px;"| [[{{{left-link|Template:Header Box/doc}}}|{{Colorshow|333|←}}]] {{#if:{{{left-image|}}}|[[{{{left-image|}}}|{{{left-imagesize|30px}}}|link={{{left-link|}}}]]|}} {{#if:{{{left-image2|}}}|[[{{{left-image2|}}}|{{{left-imagesize2|30px}}}|link={{{left-link|}}}]]|}}<br>[[{{{left-link|Template:Header Box/doc}}}|{{Colorshow|333|{{{left-text|Previous page}}}}}]]
 
| style="width:50%; height:38px; text-align:left; padding:0 6px 0 18px;"| [[{{{left-link|Template:Header Box/doc}}}|{{Colorshow|333|←}}]] {{#if:{{{left-image|}}}|[[{{{left-image|}}}|{{{left-imagesize|30px}}}|link={{{left-link|}}}]]|}} {{#if:{{{left-image2|}}}|[[{{{left-image2|}}}|{{{left-imagesize2|30px}}}|link={{{left-link|}}}]]|}}<br>[[{{{left-link|Template:Header Box/doc}}}|{{Colorshow|333|{{{left-text|Previous page}}}}}]]
 
| style="width:50%; text-align:right; padding:0 18px 0 6px;"| {{#if:{{{right-image|}}}|[[{{{right-image|}}}|{{{right-imagesize|30px}}}|link={{{right-link|}}}]]|}} {{#if:{{{right-image2|}}}|[[{{{right-image2|}}}|{{{right-imagesize2|30px}}}|link={{{right-link|}}}]]|}} [[{{{right-link|Template:Header Box/doc}}}|{{Colorshow|333|→}}]]<br>[[{{{right-link|Template:Header Box/doc}}}|{{Colorshow|333|{{{right-text|Next page}}}}}]]  
 
| style="width:50%; text-align:right; padding:0 18px 0 6px;"| {{#if:{{{right-image|}}}|[[{{{right-image|}}}|{{{right-imagesize|30px}}}|link={{{right-link|}}}]]|}} {{#if:{{{right-image2|}}}|[[{{{right-image2|}}}|{{{right-imagesize2|30px}}}|link={{{right-link|}}}]]|}} [[{{{right-link|Template:Header Box/doc}}}|{{Colorshow|333|→}}]]<br>[[{{{right-link|Template:Header Box/doc}}}|{{Colorshow|333|{{{right-text|Next page}}}}}]]  
 
|}</div><noinclude>{{Documentation}}[[Category:Header templates]]</noinclude>
 
|}</div><noinclude>{{Documentation}}[[Category:Header templates]]</noinclude>

Latest revision as of 16:55, November 27, 2021

Template documentation (view)


Parameters

Appearance

border-color
The border color of the header box. If no value is entered the border will not appear.
cell-border
The color of the horizontal line in the mobile version of the template. If there is a value for border-color its thickness will be 3px, otherwise its thickness is 1px.
Default value: Derived from site theme
bg-color
The background color of the header box. # symbol required for hex codes.
Default value: Derived from site theme

Links

left-link
The page to be linked to on the left side of the header.
middle-link
The page to be linked to in the center of the header. Optional.
right-link
The page to be linked to on the right side of the header.

Text

left-text
The text to be displayed on the left side of the header.
Default value: Previous page
middle-text
The text to be displayed in the center of the header. Optional.
Default value: Middle link
right-text
The text to be displayed on the right side of the header.
Default value: Next page

Images

left-image
The image to be displayed on the left side of the header.
left-imagesize
The size of the image to be displayed on the left side of the header.
Default value: 30px
right-image
The image to be displayed on the right side of the header.
right-imagesize
The size of the image to be displayed on the right side of the header.
Default value: 30px

Example

{{Header Box
|border-color    = #4F9FC6
|cell-border     = #4F9FC6
|bg-color        = #66CCFF
|left-link       = Barred Knifejaw
|left-text       = Barred Knifejaw
|middle-link     = Fish/New Horizons
|middle-text     = {{NH|short|nolink}} fish
|right-link      = Red Snapper
|right-text      = Red Snapper
|left-image      = File:Barred Knifejaw NH Icon.png
|left-imagesize  = 30px
|right-image     = File:Red Snapper NH Icon.png
|right-imagesize = 32px
}}

Notes