Template:MATCHBOX Infobox style/doc: Difference between revisions

From ytptenniswiki
Jump to navigation Jump to search
change references to "matchbox"
Line 1: Line 1:
{{Documentation subpage}}
{{Documentation subpage}}


{{Lua|Module:WPMILHIST Infobox style|Module:Data}}
{{Lua|Module:MATCHBOX Infobox style|Module:Data}}
{| {{WPMILHIST Infobox style|main_box}}
{| {{MATCHBOX Infobox style|main_box}}
|-
|-
! colspan="2" {{WPMILHIST Infobox style|header_bar}} | Title
! colspan="2" {{MATCHBOX Infobox style|header_bar}} | Title
|-
|-
| colspan="2" {{WPMILHIST Infobox style|sub_header_bar}} | Subtitle
| colspan="2" {{MATCHBOX Infobox style|sub_header_bar}} | Subtitle
|-
|-
| colspan="2" {{WPMILHIST Infobox style|image_box}} | [[File:Bad Title Example.png|200px]] <br/> This is a caption.
| colspan="2" {{MATCHBOX Infobox style|image_box}} | [[File:Bad Title Example.png|200px]] <br/> This is a caption.
|-
|-
! style="padding-right: 1em;" | Label
! style="padding-right: 1em;" | Label
Line 16: Line 16:
| First term,<br/> Second term,<br/> Third term
| First term,<br/> Second term,<br/> Third term
|-
|-
! colspan="2" {{WPMILHIST Infobox style|header_bar}} | Secondary header
! colspan="2" {{MATCHBOX Infobox style|header_bar}} | Secondary header
|-
|-
| style="width:50%;"| Lorem ipsum dolor sit amet consectetur adipisicing elit
| style="width:50%;"| Lorem ipsum dolor sit amet consectetur adipisicing elit
| style="width:50%; padding-left: 0.25em; border-left: {{WPMILHIST Infobox style|internal_border}}" | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
| style="width:50%; padding-left: 0.25em; border-left: {{MATCHBOX Infobox style|internal_border}}" | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
|-
|-
| colspan="2" style="text-align: center; border-top: {{WPMILHIST Infobox style|section_border}}" | ''Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.''
| colspan="2" style="text-align: center; border-top: {{MATCHBOX Infobox style|section_border}}" | ''Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.''
|-
|-
! colspan="2" {{WPMILHIST Infobox style|header_bar}} | Final header
! colspan="2" {{MATCHBOX Infobox style|header_bar}} | Final header
|-
|-
| colspan="2" {{WPMILHIST Infobox style|image_box_plain}} | [[File:Bad Title Example.png|200px]] <br/> This is another caption.
| colspan="2" {{MATCHBOX Infobox style|image_box_plain}} | [[File:Bad Title Example.png|200px]] <br/> This is another caption.
|}
|}
The "Match Box", derived from Wikipedia's Military History Infobox.
The [[Wikipedia:Manual of Style/Military history#Infobox templates|various primary and auxiliary infobox templates]] and [[Wikipedia:Manual of Style/Military history#Navigation templates|navigation templates]] maintained by the Military history WikiProject are all coded to use a common set of styling characteristics.  This is needed primarily because a number of the templates are designed to be stacked together to present the appearance of a continuous block; it is also beneficial for providing a consistent appearance to the entire set of articles within our scope.
The [[Wikipedia:Manual of Style/Military history#Infobox templates|various primary and auxiliary infobox templates]] and [[Wikipedia:Manual of Style/Military history#Navigation templates|navigation templates]] maintained by the Military history WikiProject are all coded to use a common set of styling characteristics.  This is needed primarily because a number of the templates are designed to be stacked together to present the appearance of a continuous block; it is also beneficial for providing a consistent appearance to the entire set of articles within our scope.


The style is controlled by the {{tl|WPMILHIST Infobox style}} template, which generates a number of different codes based on the parameter passed to it.
The style is controlled by the {{tl|MATCHBOX Infobox style}} template, which generates a number of different codes based on the parameter passed to it.


* '''<code><nowiki>{{WPMILHIST Infobox style|main_box}}</nowiki></code>''' – produces the CSS <code>class</code> and <code>style</code> parameters for an infobox at a width of 315 [[pixels]].
* '''<code><nowiki>{{MATCHBOX Infobox style|main_box}}</nowiki></code>''' – produces the CSS <code>class</code> and <code>style</code> parameters for an infobox at a width of 315 [[pixels]].
* '''<code><nowiki>{{WPMILHIST Infobox style|main_box_raw}}</nowiki></code>''' – produces the raw CSS <code>style</code> parameters for an infobox at a width of 315 pixels.
* '''<code><nowiki>{{MATCHBOX Infobox style|main_box_raw}}</nowiki></code>''' – produces the raw CSS <code>style</code> parameters for an infobox at a width of 315 pixels.
* '''<code><nowiki>{{WPMILHIST Infobox style|main_box_raw_auto_width}}</nowiki></code>''' – produces the raw CSS <code>style</code> parameters for an infobox (same as <code>main_box_raw</code> but without <code>width:315px</code>).
* '''<code><nowiki>{{MATCHBOX Infobox style|main_box_raw_auto_width}}</nowiki></code>''' – produces the raw CSS <code>style</code> parameters for an infobox (same as <code>main_box_raw</code> but without <code>width:315px</code>).
* '''<code><nowiki>{{WPMILHIST Infobox style|header_bar}}</nowiki></code>''' – produces the CSS <code>style</code> parameters for a horizontal header bar in an infobox.
* '''<code><nowiki>{{MATCHBOX Infobox style|header_bar}}</nowiki></code>''' – produces the CSS <code>style</code> parameters for a horizontal header bar in an infobox.
* '''<code><nowiki>{{WPMILHIST Infobox style|header_raw}}</nowiki></code>''' – produces the raw CSS <code>style</code> parameters for a horizontal header bar in an infobox.
* '''<code><nowiki>{{MATCHBOX Infobox style|header_raw}}</nowiki></code>''' – produces the raw CSS <code>style</code> parameters for a horizontal header bar in an infobox.
* '''<code><nowiki>{{WPMILHIST Infobox style|header_color}}</nowiki></code>''' – produces the raw CSS <code>style</code> color attributes for a horizontal header bar in an infobox.
* '''<code><nowiki>{{MATCHBOX Infobox style|header_color}}</nowiki></code>''' – produces the raw CSS <code>style</code> color attributes for a horizontal header bar in an infobox.
* '''<code><nowiki>{{WPMILHIST Infobox style|sub_header_bar}}</nowiki></code>''' – produces the CSS <code>style</code> parameters for a horizontal sub-header bar in an infobox.
* '''<code><nowiki>{{MATCHBOX Infobox style|sub_header_bar}}</nowiki></code>''' – produces the CSS <code>style</code> parameters for a horizontal sub-header bar in an infobox.
* '''<code><nowiki>{{WPMILHIST Infobox style|sub_header_raw}}</nowiki></code>''' – produces the raw CSS <code>style</code> parameters for a horizontal sub-header bar in an infobox.
* '''<code><nowiki>{{MATCHBOX Infobox style|sub_header_raw}}</nowiki></code>''' – produces the raw CSS <code>style</code> parameters for a horizontal sub-header bar in an infobox.
* '''<code><nowiki>{{WPMILHIST Infobox style|image_box}}</nowiki></code>''' – produces the CSS <code>style</code> parameters for a standard image & caption block with a bottom border.
* '''<code><nowiki>{{MATCHBOX Infobox style|image_box}}</nowiki></code>''' – produces the CSS <code>style</code> parameters for a standard image & caption block with a bottom border.
* '''<code><nowiki>{{WPMILHIST Infobox style|image_box_raw}}</nowiki></code>''' – produces the raw CSS <code>style</code> parameters for a standard image & caption block with a bottom border.
* '''<code><nowiki>{{MATCHBOX Infobox style|image_box_raw}}</nowiki></code>''' – produces the raw CSS <code>style</code> parameters for a standard image & caption block with a bottom border.
* '''<code><nowiki>{{WPMILHIST Infobox style|image_box_plain}}</nowiki></code>''' – produces the CSS <code>style</code> parameters for a standard image & caption block ''without'' a bottom border; this is typically used when the image block is placed immediately above a header bar, or at the bottom of the infobox.
* '''<code><nowiki>{{MATCHBOX Infobox style|image_box_plain}}</nowiki></code>''' – produces the CSS <code>style</code> parameters for a standard image & caption block ''without'' a bottom border; this is typically used when the image block is placed immediately above a header bar, or at the bottom of the infobox.
* '''<code><nowiki>{{WPMILHIST Infobox style|image_box_plain_raw}}</nowiki></code>''' – produces the raw CSS <code>style</code> parameters for a standard image & caption block ''without'' a bottom border; this is typically used when the image block is placed immediately above a header bar, or at the bottom of the infobox.
* '''<code><nowiki>{{MATCHBOX Infobox style|image_box_plain_raw}}</nowiki></code>''' – produces the raw CSS <code>style</code> parameters for a standard image & caption block ''without'' a bottom border; this is typically used when the image block is placed immediately above a header bar, or at the bottom of the infobox.
* '''<code><nowiki>{{WPMILHIST Infobox style|internal_border}}</nowiki></code>''' – produces the raw CSS <code>style</code> attributes for a border between parts of the same infobox section.
* '''<code><nowiki>{{MATCHBOX Infobox style|internal_border}}</nowiki></code>''' – produces the raw CSS <code>style</code> attributes for a border between parts of the same infobox section.
* '''<code><nowiki>{{WPMILHIST Infobox style|section_border}}</nowiki></code>''' – produces the raw CSS <code>style</code> attributes for a border between different infobox sections.
* '''<code><nowiki>{{MATCHBOX Infobox style|section_border}}</nowiki></code>''' – produces the raw CSS <code>style</code> attributes for a border between different infobox sections.
* '''<code><nowiki>{{WPMILHIST Infobox style|nav_box}}</nowiki></code>''' – produces the raw CSS <code>style</code> attributes for a collapsible navigation template at a width of 315 [[pixels]].
* '''<code><nowiki>{{MATCHBOX Infobox style|nav_box}}</nowiki></code>''' – produces the raw CSS <code>style</code> attributes for a collapsible navigation template at a width of 315 [[pixels]].
* '''<code><nowiki>{{WPMILHIST Infobox style|nav_box_child}}</nowiki></code>''' – produces the raw CSS <code>style</code> attributes for a collapsible navigation template (same as <code>nav_box</code> but at a width of 305 pixels and without <code>margin-left:1em</code>).
* '''<code><nowiki>{{MATCHBOX Infobox style|nav_box_child}}</nowiki></code>''' – produces the raw CSS <code>style</code> attributes for a collapsible navigation template (same as <code>nav_box</code> but at a width of 305 pixels and without <code>margin-left:1em</code>).
* '''<code><nowiki>{{WPMILHIST Infobox style|nav_box_wide}}</nowiki></code>''' – produces the raw CSS <code>style</code> attributes for a full-width collapsible navigation template.
* '''<code><nowiki>{{MATCHBOX Infobox style|nav_box_wide}}</nowiki></code>''' – produces the raw CSS <code>style</code> attributes for a full-width collapsible navigation template.
* '''<code><nowiki>{{WPMILHIST Infobox style|nav_box_header}}</nowiki></code>''' – produces the raw CSS <code>style</code> attributes for the header bar in a collapsible navigation template.
* '''<code><nowiki>{{MATCHBOX Infobox style|nav_box_header}}</nowiki></code>''' – produces the raw CSS <code>style</code> attributes for the header bar in a collapsible navigation template.
*'''<code><nowiki>{{WPMILHIST Infobox style|nav_box_wide_header}}</nowiki></code>''' – produces the raw CSS <code>style</code> attributes for the header bar in a full-width collapsible navigation template.
*'''<code><nowiki>{{MATCHBOX Infobox style|nav_box_wide_header}}</nowiki></code>''' – produces the raw CSS <code>style</code> attributes for the header bar in a full-width collapsible navigation template.
* '''<code><nowiki>{{WPMILHIST Infobox style|nav_box_label}}</nowiki></code>''' – produces the raw CSS <code>style</code> attributes for a row label in a collapsible navigation template.
* '''<code><nowiki>{{MATCHBOX Infobox style|nav_box_label}}</nowiki></code>''' – produces the raw CSS <code>style</code> attributes for a row label in a collapsible navigation template.


A sample template using some of these options can be seen at right.  From the top, it includes:
A sample template using some of these options can be seen at right.  From the top, it includes:
Line 64: Line 67:


More sophisticated samples of the code can be found by examining the actual infoboxes used by the project.<noinclude>
More sophisticated samples of the code can be found by examining the actual infoboxes used by the project.<noinclude>
[[Category:WikiProject Military history template instructions| ]]
</includeonly>
</noinclude><includeonly>{{Sandbox other||
[[Category:WikiProject Military history templates| ]]
}}</includeonly>

Revision as of 20:21, 28 February 2025

Title
Subtitle
File:Bad Title Example.png
This is a caption.
Label Field contents
Second label First term,
Second term,
Third term
Secondary header
Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Final header
File:Bad Title Example.png
This is another caption.

The "Match Box", derived from Wikipedia's Military History Infobox.

The various primary and auxiliary infobox templates and navigation templates maintained by the Military history WikiProject are all coded to use a common set of styling characteristics. This is needed primarily because a number of the templates are designed to be stacked together to present the appearance of a continuous block; it is also beneficial for providing a consistent appearance to the entire set of articles within our scope.

The style is controlled by the {{MATCHBOX Infobox style}} template, which generates a number of different codes based on the parameter passed to it.

  • {{MATCHBOX Infobox style|main_box}} – produces the CSS class and style parameters for an infobox at a width of 315 pixels.
  • {{MATCHBOX Infobox style|main_box_raw}} – produces the raw CSS style parameters for an infobox at a width of 315 pixels.
  • {{MATCHBOX Infobox style|main_box_raw_auto_width}} – produces the raw CSS style parameters for an infobox (same as main_box_raw but without width:315px).
  • {{MATCHBOX Infobox style|header_bar}} – produces the CSS style parameters for a horizontal header bar in an infobox.
  • {{MATCHBOX Infobox style|header_raw}} – produces the raw CSS style parameters for a horizontal header bar in an infobox.
  • {{MATCHBOX Infobox style|header_color}} – produces the raw CSS style color attributes for a horizontal header bar in an infobox.
  • {{MATCHBOX Infobox style|sub_header_bar}} – produces the CSS style parameters for a horizontal sub-header bar in an infobox.
  • {{MATCHBOX Infobox style|sub_header_raw}} – produces the raw CSS style parameters for a horizontal sub-header bar in an infobox.
  • {{MATCHBOX Infobox style|image_box}} – produces the CSS style parameters for a standard image & caption block with a bottom border.
  • {{MATCHBOX Infobox style|image_box_raw}} – produces the raw CSS style parameters for a standard image & caption block with a bottom border.
  • {{MATCHBOX Infobox style|image_box_plain}} – produces the CSS style parameters for a standard image & caption block without a bottom border; this is typically used when the image block is placed immediately above a header bar, or at the bottom of the infobox.
  • {{MATCHBOX Infobox style|image_box_plain_raw}} – produces the raw CSS style parameters for a standard image & caption block without a bottom border; this is typically used when the image block is placed immediately above a header bar, or at the bottom of the infobox.
  • {{MATCHBOX Infobox style|internal_border}} – produces the raw CSS style attributes for a border between parts of the same infobox section.
  • {{MATCHBOX Infobox style|section_border}} – produces the raw CSS style attributes for a border between different infobox sections.
  • {{MATCHBOX Infobox style|nav_box}} – produces the raw CSS style attributes for a collapsible navigation template at a width of 315 pixels.
  • {{MATCHBOX Infobox style|nav_box_child}} – produces the raw CSS style attributes for a collapsible navigation template (same as nav_box but at a width of 305 pixels and without margin-left:1em).
  • {{MATCHBOX Infobox style|nav_box_wide}} – produces the raw CSS style attributes for a full-width collapsible navigation template.
  • {{MATCHBOX Infobox style|nav_box_header}} – produces the raw CSS style attributes for the header bar in a collapsible navigation template.
  • {{MATCHBOX Infobox style|nav_box_wide_header}} – produces the raw CSS style attributes for the header bar in a full-width collapsible navigation template.
  • {{MATCHBOX Infobox style|nav_box_label}} – produces the raw CSS style attributes for a row label in a collapsible navigation template.

A sample template using some of these options can be seen at right. From the top, it includes:

  1. The main header_bar in a table heading cell.
  2. A sub_header_bar in a normal table cell.
  3. An image_box.
  4. Two normal fields with labels.
  5. A secondary header_bar in a heading cell.
  6. A pair of cells divided by an internal_border.
  7. A cell with a section_border at the top.
  8. Another secondary header_bar in a heading cell.
  9. An image_box_plain.

More sophisticated samples of the code can be found by examining the actual infoboxes used by the project. </includeonly>