Template:Sidebar: Difference between revisions

From Open Fortress Wiki
Jump to navigation Jump to search
(Created page with "<onlyinclude><includeonly><div style="clear:both; float:{{{float|right}}}; width:{{{width|300px}}}; margin-inline:10px;"><!-- --><div style="background:#323232; border-radius:.3em; box-shadow:rgb(0,0,0,.1) 0 0 4px .1em; text-align:center;"><!-- -->{{#if:{{{header|}}}|<div style="background:#232323; border-top-left-radius:.3em; border-top-right-radius:.3em; padding-block:.5em; {{{headerstyle}}}"><div style="color:#fff; font-weight:bold; font-size:132%; padding:0;">{{{hea...")
 
No edit summary
 
Line 1: Line 1:
{{Doc}}
<onlyinclude><includeonly><div style="clear:both; float:{{{float|right}}}; width:{{{width|300px}}}; margin-inline:10px;"><!--
<onlyinclude><includeonly><div style="clear:both; float:{{{float|right}}}; width:{{{width|300px}}}; margin-inline:10px;"><!--


--><div style="background:#323232; border-radius:.3em; box-shadow:rgb(0,0,0,.1) 0 0 4px .1em; text-align:center;"><!--
--><div style="background:#cdcdcd; border-radius:.3em; box-shadow:rgb(255, 255, 255,.1) 0 0 4px .1em; text-align:center;"><!--
-->{{#if:{{{header|}}}|<div style="background:#232323; border-top-left-radius:.3em; border-top-right-radius:.3em; padding-block:.5em; {{{headerstyle}}}"><div style="color:#fff; font-weight:bold; font-size:132%; padding:0;">{{{header}}}</div></div>|}}<!--
-->{{#if:{{{header|}}}|<div style="background:#dcdcdc; border-top-left-radius:.3em; border-top-right-radius:.3em; padding-block:.5em; {{{headerstyle}}}"><div style="color:#000; font-weight:bold; font-size:132%; padding:0;">{{{header}}}</div></div>|}}<!--


-->{{#if:{{{image|}}}|<div style="background:#363636;">[[File:{{{image|}}}|{{{imagetooltip|}}}|{{{imagewidth|{{{width|300px}}}}}}{{#if:{{{imagelink|}}}|{{!}}link={{{imagelink}}}|}}]]</div>|}}<!--
-->{{#if:{{{image|}}}|<div style="background:#c9c9c9;">[[File:{{{image|}}}|{{{imagetooltip|}}}|{{{imagewidth|{{{width|300px}}}}}}{{#if:{{{imagelink|}}}|{{!}}link={{{imagelink}}}|}}]]</div>|}}<!--
-->{{#if:{{{image2|}}}|<div style="background:#363636;">[[File:{{{image2|}}}|{{{imagetooltip2|}}}|{{{imagewidth2|{{{width|300px}}}}}}{{#if:{{{imagelink2|}}}|{{!}}link={{{imagelink2}}}|}}]]</div>|}}<!--
-->{{#if:{{{image2|}}}|<div style="background:#c9c9c9;">[[File:{{{image2|}}}|{{{imagetooltip2|}}}|{{{imagewidth2|{{{width|300px}}}}}}{{#if:{{{imagelink2|}}}|{{!}}link={{{imagelink2}}}|}}]]</div>|}}<!--


-->{{#if:{{{section1|}}}|<div style="background:#232323; padding-block:.5em; {{{section1style}}}">{{{section1}}}</div>|}}<!--
-->{{#if:{{{section1|}}}|<div style="background:#dcdcdc; padding-block:.5em; {{{section1style}}}">{{{section1}}}</div>|}}<!--
-->{{#if:{{{content1|}}}|<div style="background:#303030; max-width:{{{width|300px}}};  padding-inline:.5em; padding-block:.5em; {{{content1style}}}">{{{content1|}}}</div>|}}<!--
-->{{#if:{{{content1|}}}|<div style="background:#cfcfcf; max-width:{{{width|300px}}};  padding-inline:.5em; padding-block:.5em; {{{content1style}}}">{{{content1|}}}</div>|}}<!--


-->{{#if:{{{section2|}}}|<div style="background:#232323; padding-block:.5em; {{{section2style}}}">{{{section2}}}</div>|}}<!--
-->{{#if:{{{section2|}}}|<div style="background:#dcdcdc; padding-block:.5em; {{{section2style}}}">{{{section2}}}</div>|}}<!--
-->{{#if:{{{content2|}}}|<div style="background:#303030; max-width:{{{width|300px}}};  padding-inline:.5em; padding-block:.5em; {{{content2style}}}">{{{content2|}}}</div>|}}<!--
-->{{#if:{{{content2|}}}|<div style="background:#cfcfcf; max-width:{{{width|300px}}};  padding-inline:.5em; padding-block:.5em; {{{content2style}}}">{{{content2|}}}</div>|}}<!--


-->{{#if:{{{section3|}}}|<div style="background:#232323; padding-block:.5em; {{{section3style}}}">{{{section3}}}</div>|}}<!--
-->{{#if:{{{section3|}}}|<div style="background:#dcdcdc; padding-block:.5em; {{{section3style}}}">{{{section3}}}</div>|}}<!--
-->{{#if:{{{content3|}}}|<div style="background:#303030; max-width:{{{width|300px}}};  padding-inline:.5em; padding-block:.5em; {{{content3style}}}">{{{content3|}}}</div>|}}<!--
-->{{#if:{{{content3|}}}|<div style="background:#cfcfcf; max-width:{{{width|300px}}};  padding-inline:.5em; padding-block:.5em; {{{content3style}}}">{{{content3|}}}</div>|}}<!--


-->{{#if:{{{section4|}}}|<div style="background:#232323; padding-block:.5em; {{{section4style}}}">{{{section4}}}</div>|}}<!--
-->{{#if:{{{section4|}}}|<div style="background:#dcdcdc; padding-block:.5em; {{{section4style}}}">{{{section4}}}</div>|}}<!--
-->{{#if:{{{content4|}}}|<div style="background:#303030; max-width:{{{width|300px}}};  padding-inline:.5em; padding-block:.5em; {{{content4style}}}">{{{content4|}}}</div>|}}<!--
-->{{#if:{{{content4|}}}|<div style="background:#cfcfcf; max-width:{{{width|300px}}};  padding-inline:.5em; padding-block:.5em; {{{content4style}}}">{{{content4|}}}</div>|}}<!--


-->{{#if:{{{section5|}}}|<div style="background:#232323; padding-block:.5em; {{{section5style}}}">{{{section5}}}</div>|}}<!--
-->{{#if:{{{section5|}}}|<div style="background:#dcdcdc; padding-block:.5em; {{{section5style}}}">{{{section5}}}</div>|}}<!--
-->{{#if:{{{content5|}}}|<div style="background:#303030; max-width:{{{width|300px}}};  padding-inline:.5em; padding-block:.5em; {{{content5style}}}">{{{content5|}}}</div>|}}<!--
-->{{#if:{{{content5|}}}|<div style="background:#cfcfcf; max-width:{{{width|300px}}};  padding-inline:.5em; padding-block:.5em; {{{content5style}}}">{{{content5|}}}</div>|}}<!--


-->{{#if:{{{section6|}}}|<div style="background:#232323; padding-block:.5em; {{{section6style}}}">{{{section6}}}</div>|}}<!--
-->{{#if:{{{section6|}}}|<div style="background:#dcdcdc; padding-block:.5em; {{{section6style}}}">{{{section6}}}</div>|}}<!--
-->{{#if:{{{content6|}}}|<div style="background:#303030; max-width:{{{width|300px}}};  padding-inline:.5em; padding-block:.5em; {{{content6style}}}">{{{content6|}}}</div>|}}<!--
-->{{#if:{{{content6|}}}|<div style="background:#cfcfcf; max-width:{{{width|300px}}};  padding-inline:.5em; padding-block:.5em; {{{content6style}}}">{{{content6|}}}</div>|}}<!--


-->{{#if:{{{section7|}}}|<div style="background:#232323; padding-block:.5em; {{{section7style}}}">{{{section7}}}</div>|}}<!--
-->{{#if:{{{section7|}}}|<div style="background:#dcdcdc; padding-block:.5em; {{{section7style}}}">{{{section7}}}</div>|}}<!--
-->{{#if:{{{content7|}}}|<div style="background:#303030; max-width:{{{width|300px}}};  padding-inline:.5em; padding-block:.5em; {{{content7style}}}">{{{content7|}}}</div>|}}<!--
-->{{#if:{{{content7|}}}|<div style="background:#cfcfcf; max-width:{{{width|300px}}};  padding-inline:.5em; padding-block:.5em; {{{content7style}}}">{{{content7|}}}</div>|}}<!--


-->{{#if:{{{section8|}}}|<div style="background:#232323; padding-block:.5em; {{{section8style}}}">{{{section8}}}</div>|}}<!--
-->{{#if:{{{section8|}}}|<div style="background:#dcdcdc; padding-block:.5em; {{{section8style}}}">{{{section8}}}</div>|}}<!--
-->{{#if:{{{content8|}}}|<div style="background:#303030; max-width:{{{width|300px}}};  padding-inline:.5em; padding-block:.5em; {{{content8style}}}">{{{content8|}}}</div>|}}<!--
-->{{#if:{{{content8|}}}|<div style="background:#cfcfcf; max-width:{{{width|300px}}};  padding-inline:.5em; padding-block:.5em; {{{content8style}}}">{{{content8|}}}</div>|}}<!--


-->{{#if:{{{section9|}}}|<div style="background:#232323; padding-block:.5em; {{{section9style}}}">{{{section9}}}</div>|}}<!--
-->{{#if:{{{section9|}}}|<div style="background:#dcdcdc; padding-block:.5em; {{{section9style}}}">{{{section9}}}</div>|}}<!--
-->{{#if:{{{content9|}}}|<div style="background:#303030; max-width:{{{width|300px}}};  padding-inline:.5em; padding-block:.5em; {{{content9style}}}">{{{content9|}}}</div>|}}<!--
-->{{#if:{{{content9|}}}|<div style="background:#cfcfcf; max-width:{{{width|300px}}};  padding-inline:.5em; padding-block:.5em; {{{content9style}}}">{{{content9|}}}</div>|}}<!--


-->{{#if:{{{section10|}}}|<div style="background:#232323; padding-block:.5em; {{{section10style}}}">{{{section10}}}</div>|}}<!--
-->{{#if:{{{section10|}}}|<div style="background:#dcdcdc; padding-block:.5em; {{{section10style}}}">{{{section10}}}</div>|}}<!--
-->{{#if:{{{content10|}}}|<div style="background:#303030; max-width:{{{width|300px}}};  padding-inline:.5em; padding-block:.5em; {{{content10style}}}">{{{content10|}}}</div>|}}<!--
-->{{#if:{{{content10|}}}|<div style="background:#cfcfcf; max-width:{{{width|300px}}};  padding-inline:.5em; padding-block:.5em; {{{content10style}}}">{{{content10|}}}</div>|}}<!--


-->{{#if:{{{section11|}}}|<div style="background:#232323; padding-block:.5em; {{{section11style}}}">{{{section11}}}</div>|}}<!--
-->{{#if:{{{section11|}}}|<div style="background:#dcdcdc; padding-block:.5em; {{{section11style}}}">{{{section11}}}</div>|}}<!--
-->{{#if:{{{content11|}}}|<div style="background:#303030; max-width:{{{width|300px}}};  padding-inline:.5em; padding-block:.5em; {{{content11style}}}">{{{content11|}}}</div>|}}<!--
-->{{#if:{{{content11|}}}|<div style="background:#cfcfcf; max-width:{{{width|300px}}};  padding-inline:.5em; padding-block:.5em; {{{content11style}}}">{{{content11|}}}</div>|}}<!--


-->{{#if:{{{section12|}}}|<div style="background:#232323; padding-block:.5em; {{{section12style}}}">{{{section12}}}</div>|}}<!--
-->{{#if:{{{section12|}}}|<div style="background:#dcdcdc; padding-block:.5em; {{{section12style}}}">{{{section12}}}</div>|}}<!--
-->{{#if:{{{content12|}}}|<div style="background:#303030; max-width:{{{width|300px}}};  padding-inline:.5em; padding-block:.5em; {{{content12style}}}">{{{content12|}}}</div>|}}<!--
-->{{#if:{{{content12|}}}|<div style="background:#cfcfcf; max-width:{{{width|300px}}};  padding-inline:.5em; padding-block:.5em; {{{content12style}}}">{{{content12|}}}</div>|}}<!--


-->{{#if:{{{section13|}}}|<div style="background:#232323; padding-block:.5em; {{{section13style}}}">{{{section13}}}</div>|}}<!--
-->{{#if:{{{section13|}}}|<div style="background:#dcdcdc; padding-block:.5em; {{{section13style}}}">{{{section13}}}</div>|}}<!--
-->{{#if:{{{content13|}}}|<div style="background:#303030; max-width:{{{width|300px}}};  padding-inline:.5em; padding-block:.5em; {{{content13style}}}">{{{content13|}}}</div>|}}<!--
-->{{#if:{{{content13|}}}|<div style="background:#cfcfcf; max-width:{{{width|300px}}};  padding-inline:.5em; padding-block:.5em; {{{content13style}}}">{{{content13|}}}</div>|}}<!--


-->{{#if:{{{section14|}}}|<div style="background:#232323; padding-block:.5em; {{{section14style}}}">{{{section14}}}</div>|}}<!--
-->{{#if:{{{section14|}}}|<div style="background:#dcdcdc; padding-block:.5em; {{{section14style}}}">{{{section14}}}</div>|}}<!--
-->{{#if:{{{content14|}}}|<div style="background:#303030; max-width:{{{width|300px}}};  padding-inline:.5em; padding-block:.5em; {{{content14style}}}">{{{content14|}}}</div>|}}<!--
-->{{#if:{{{content14|}}}|<div style="background:#cfcfcf; max-width:{{{width|300px}}};  padding-inline:.5em; padding-block:.5em; {{{content14style}}}">{{{content14|}}}</div>|}}<!--


-->{{#if:{{{section15|}}}|<div style="background:#232323; padding-block:.5em; {{{section15style}}}">{{{section15}}}</div>|}}<!--
-->{{#if:{{{section15|}}}|<div style="background:#dcdcdc; padding-block:.5em; {{{section15style}}}">{{{section15}}}</div>|}}<!--
-->{{#if:{{{content15|}}}|<div style="background:#303030; max-width:{{{width|300px}}};  padding-inline:.5em; padding-block:.5em; {{{content15style}}}">{{{content15|}}}</div>|}}<!--
-->{{#if:{{{content15|}}}|<div style="background:#cfcfcf; max-width:{{{width|300px}}};  padding-inline:.5em; padding-block:.5em; {{{content15style}}}">{{{content15|}}}</div>|}}<!--


-->{{#if:{{{section16|}}}|<div style="background:#232323; padding-block:.5em; {{{section16style}}}">{{{section16}}}</div>|}}<!--
-->{{#if:{{{section16|}}}|<div style="background:#dcdcdc; padding-block:.5em; {{{section16style}}}">{{{section16}}}</div>|}}<!--
-->{{#if:{{{content16|}}}|<div style="background:#303030; max-width:{{{width|300px}}};  padding-inline:.5em; padding-block:.5em; {{{content16style}}}">{{{content16|}}}</div>|}}<!--
-->{{#if:{{{content16|}}}|<div style="background:#cfcfcf; max-width:{{{width|300px}}};  padding-inline:.5em; padding-block:.5em; {{{content16style}}}">{{{content16|}}}</div>|}}<!--


-->{{#if:{{{section17|}}}|<div style="background:#232323; padding-block:.5em; {{{section17style}}}">{{{section17}}}</div>|}}<!--
-->{{#if:{{{section17|}}}|<div style="background:#dcdcdc; padding-block:.5em; {{{section17style}}}">{{{section17}}}</div>|}}<!--
-->{{#if:{{{content17|}}}|<div style="background:#303030; max-width:{{{width|300px}}};  padding-inline:.5em; padding-block:.5em; {{{content17style}}}">{{{content17|}}}</div>|}}<!--
-->{{#if:{{{content17|}}}|<div style="background:#cfcfcf; max-width:{{{width|300px}}};  padding-inline:.5em; padding-block:.5em; {{{content17style}}}">{{{content17|}}}</div>|}}<!--


-->{{#if:{{{section18|}}}|<div style="background:#232323; padding-block:.5em; {{{section18style}}}">{{{section18}}}</div>|}}<!--
-->{{#if:{{{section18|}}}|<div style="background:#dcdcdc; padding-block:.5em; {{{section18style}}}">{{{section18}}}</div>|}}<!--
-->{{#if:{{{content18|}}}|<div style="background:#303030; max-width:{{{width|300px}}};  padding-inline:.5em; padding-block:.5em; {{{content18style}}}">{{{content18|}}}</div>|}}<!--
-->{{#if:{{{content18|}}}|<div style="background:#cfcfcf; max-width:{{{width|300px}}};  padding-inline:.5em; padding-block:.5em; {{{content18style}}}">{{{content18|}}}</div>|}}<!--


-->{{#if:{{{section19|}}}|<div style="background:#232323; padding-block:.5em; {{{section19style}}}">{{{section19}}}</div>|}}<!--
-->{{#if:{{{section19|}}}|<div style="background:#dcdcdc; padding-block:.5em; {{{section19style}}}">{{{section19}}}</div>|}}<!--
-->{{#if:{{{content19|}}}|<div style="background:#303030; max-width:{{{width|300px}}};  padding-inline:.5em; padding-block:.5em; {{{content19style}}}">{{{content19|}}}</div>|}}<!--
-->{{#if:{{{content19|}}}|<div style="background:#cfcfcf; max-width:{{{width|300px}}};  padding-inline:.5em; padding-block:.5em; {{{content19style}}}">{{{content19|}}}</div>|}}<!--


-->{{#if:{{{section20|}}}|<div style="background:#232323; padding-block:.5em; {{{section20style}}}">{{{section20}}}</div>|}}<!--
-->{{#if:{{{section20|}}}|<div style="background:#dcdcdc; padding-block:.5em; {{{section20style}}}">{{{section20}}}</div>|}}<!--
-->{{#if:{{{content20|}}}|<div style="background:#303030; max-width:{{{width|300px}}};  padding-inline:.5em; padding-block:.5em; {{{content20style}}}">{{{content20|}}}</div>|}}<!--
-->{{#if:{{{content20|}}}|<div style="background:#cfcfcf; max-width:{{{width|300px}}};  padding-inline:.5em; padding-block:.5em; {{{content20style}}}">{{{content20|}}}</div>|}}<!--


-->{{#if:{{{footer|}}}|<div style="background:#232323; border-bottom-left-radius:.3em; border-bottom-right-radius:.3em; padding:.5em; {{{footerstyle}}}">{{{footer}}}</div>|}}<!--
-->{{#if:{{{footer|}}}|<div style="background:#dcdcdc; border-bottom-left-radius:.3em; border-bottom-right-radius:.3em; padding:.5em; {{{footerstyle}}}">{{{footer}}}</div>|}}<!--


--></div></div></includeonly></onlyinclude>{{doc}}[[Category:Metatemplates]]<!--
--></div></div></includeonly></onlyinclude>{{doc}}[[Category:Metatemplates]]<!--

Latest revision as of 07:19, 4 January 2025

Template Documentation [edit]

This is a metatemplate used to aid in the creation of sidebar templates.

Sub-metatemplates

This template has 1 sub-metatemplate called {{infobox}}.

Grand-metatemplates

This template has 1 grand-metatemplate called {{infobox template}}.

Testcases

Testcases for this template can be located on the testcases subpage.

Copy and Paste

{{Sidebar | image = | title = | header = | section1 = | content1 = | footer = }}

Usage & Preview

{{Sidebar}}
Parameter Description Example
{{{header}}} Header content
| header = Foo bar
{{{section <1-10>}}} Main content section dividers
| section1 = Test
{{{content <1-10>}}} Main content
| content1 = Example
{{{footer}}} Footer content
| footer = Placeholder
{{{width}}} Width of the sidebar container and sidebar image
| width = 320px
Image parameters
{{{image}}} Sidebar image
| image = Software Cover - The Lab
{{{imagewidth}}} Sidebar image width
| imagewidth = 64px
{{{imagelink}}} Sidebar image link
| imagelink = Portal 2
Style parameters
{{{headerstyle}}} Header styling
| headerstyle = font-family:sans-serif;
{{{section <1-20> style}}} Section styling
| sectionstyle1 = text-rendering:optimizeSpeed;
{{{content <1-20> style}}} Content styling
| contentstyle1 = background:gray;
{{{footerstyle}}} Footer styling
| footerstyle = text-align:right;
{{{float}}} For specifying how or if the sidebar will float
| float = left
{{{header}}}
{{{section}}}
{{{content}}}
{{{footer}}}

Template Documentation [edit]

This is a metatemplate used to aid in the creation of sidebar templates.

Sub-metatemplates

This template has 1 sub-metatemplate called {{infobox}}.

Grand-metatemplates

This template has 1 grand-metatemplate called {{infobox template}}.

Testcases

Testcases for this template can be located on the testcases subpage.

Copy and Paste

{{Sidebar | image = | title = | header = | section1 = | content1 = | footer = }}

Usage & Preview

{{Sidebar}}
Parameter Description Example
{{{header}}} Header content
| header = Foo bar
{{{section <1-10>}}} Main content section dividers
| section1 = Test
{{{content <1-10>}}} Main content
| content1 = Example
{{{footer}}} Footer content
| footer = Placeholder
{{{width}}} Width of the sidebar container and sidebar image
| width = 320px
Image parameters
{{{image}}} Sidebar image
| image = Software Cover - The Lab
{{{imagewidth}}} Sidebar image width
| imagewidth = 64px
{{{imagelink}}} Sidebar image link
| imagelink = Portal 2
Style parameters
{{{headerstyle}}} Header styling
| headerstyle = font-family:sans-serif;
{{{section <1-20> style}}} Section styling
| sectionstyle1 = text-rendering:optimizeSpeed;
{{{content <1-20> style}}} Content styling
| contentstyle1 = background:gray;
{{{footerstyle}}} Footer styling
| footerstyle = text-align:right;
{{{float}}} For specifying how or if the sidebar will float
| float = left
{{{header}}}
{{{section}}}
{{{content}}}
{{{footer}}}