Template:Infobox style/doc: Difference between revisions

Title
	Subtitle
	; 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
	; This is another caption.

Latest revision as of 08:33, 13 May 2019

This is a documentation subpage for Template:Infobox style.
It contains usage information, categories and other content that is not part of the original template page.

Usage

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

{{Infobox style|main_box}} – produces the CSS class and style parameters for an infobox at a width of 330 pixels.
{{Infobox style|main_box_raw}} – produces the raw CSS style parameters for an infobox at a width of 330 pixels.
{{Infobox style|main_box_raw_auto_width}} – produces the raw CSS style parameters for an infobox (same as main_box_raw but without width:330px).
{{Infobox style|above_bar}} - produces the CSS style parameters for a horizontal above bar in an infobox.
{{Infobox style|above_raw}} - produces the raw CSS style parameters for a horizontal above bar in an infobox.
{{Infobox style|header_bar}} – produces the CSS style parameters for a horizontal header bar in an infobox.
{{Infobox style|header_raw}} – produces the raw CSS style parameters for a horizontal header bar in an infobox.
{{Infobox style|header_color}} – produces the raw CSS style color attributes for a horizontal header bar in an infobox.
{{Infobox style|sub_header_bar}} – produces the CSS style parameters for a horizontal sub-header bar in an infobox.
{{Infobox style|sub_header_raw}} – produces the raw CSS style parameters for a horizontal sub-header bar in an infobox.
{{Infobox style|image_box}} – produces the CSS style parameters for a standard image & caption block with a bottom border.
{{Infobox style|image_box_raw}} – produces the raw CSS style parameters for a standard image & caption block with a bottom border.
{{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.
{{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.
{{Infobox style|internal_border}} – produces the raw CSS style attributes for a border between parts of the same infobox section.
{{Infobox style|section_border}} – produces the raw CSS style attributes for a border between different infobox sections.
{{Infobox style|nav_box}} – produces the raw CSS style attributes for a collapsible navigation template at a width of 315 pixels.
{{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).
{{Infobox style|nav_box_wide}} – produces the raw CSS style attributes for a full-width collapsible navigation template.
{{Infobox style|nav_box_header}} – produces the raw CSS style attributes for the header bar in a collapsible navigation template.
{{Infobox style|nav_box_wide_header}} – produces the raw CSS style attributes for the header bar in a full-width collapsible navigation template.
{{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:

The main above_bar in a table heading cell.
A sub_header_bar in a normal table cell.
An image_box.
Two normal fields with labels.
A header_bar in a heading cell.
A pair of cells divided by an internal_border.
A cell with a section_border at the top.
Another header_bar in a heading cell.
An image_box_plain.

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

@@ Line 3: / Line 3: @@
 {| {{Infobox style|main_box}}
 |-
-! colspan="2" {{Infobox style|header_bar}} | Title
+! colspan="2" {{Infobox style|above_bar}} | Title
 |-
 | colspan="2" {{Infobox style|sub_header_bar}} | Subtitle
@@ Line 28: / Line 28: @@
 == Usage ==
+The style is controlled by the {{tl|Infobox style}} template, which generates a number of different codes based on the parameter passed to it.
+* '''<tt><nowiki>{{Infobox style|main_box}}</nowiki></tt>''' – produces the CSS <tt>class</tt> and <tt>style</tt> parameters for an infobox at a width of 330 pixels.
+* '''<tt><nowiki>{{Infobox style|main_box_raw}}</nowiki></tt>''' – produces the raw CSS <tt>style</tt> parameters for an infobox at a width of 330 pixels.
+* '''<tt><nowiki>{{Infobox style|main_box_raw_auto_width}}</nowiki></tt>''' – produces the raw CSS <tt>style</tt> parameters for an infobox (same as <tt>main_box_raw</tt> but without <tt>width:330px</tt>).
+* '''<tt><nowiki>{{Infobox style|above_bar}}</nowiki></tt>''' - produces the CSS <tt>style</tt> parameters for a horizontal above bar in an infobox.
+* '''<tt><nowiki>{{Infobox style|above_raw}}</nowiki></tt>''' - produces the raw CSS <tt>style</tt> parameters for a horizontal above bar in an infobox.
+* '''<tt><nowiki>{{Infobox style|header_bar}}</nowiki></tt>''' – produces the CSS <tt>style</tt> parameters for a horizontal header bar in an infobox.
+* '''<tt><nowiki>{{Infobox style|header_raw}}</nowiki></tt>''' – produces the raw CSS <tt>style</tt> parameters for a horizontal header bar in an infobox.
+* '''<tt><nowiki>{{Infobox style|header_color}}</nowiki></tt>''' – produces the raw CSS <tt>style</tt> color attributes for a horizontal header bar in an infobox.
+* '''<tt><nowiki>{{Infobox style|sub_header_bar}}</nowiki></tt>''' – produces the CSS <tt>style</tt> parameters for a horizontal sub-header bar in an infobox.
+* '''<tt><nowiki>{{Infobox style|sub_header_raw}}</nowiki></tt>''' – produces the raw CSS <tt>style</tt> parameters for a horizontal sub-header bar in an infobox.
+* '''<tt><nowiki>{{Infobox style|image_box}}</nowiki></tt>''' – produces the CSS <tt>style</tt> parameters for a standard image & caption block with a bottom border.
+* '''<tt><nowiki>{{Infobox style|image_box_raw}}</nowiki></tt>''' – produces the raw CSS <tt>style</tt> parameters for a standard image & caption block with a bottom border.
+* '''<tt><nowiki>{{Infobox style|image_box_plain}}</nowiki></tt>''' – produces the CSS <tt>style</tt> 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.
+* '''<tt><nowiki>{{Infobox style|image_box_plain_raw}}</nowiki></tt>''' – produces the raw CSS <tt>style</tt> 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.
+* '''<tt><nowiki>{{Infobox style|internal_border}}</nowiki></tt>''' – produces the raw CSS <tt>style</tt> attributes for a border between parts of the same infobox section.
+* '''<tt><nowiki>{{Infobox style|section_border}}</nowiki></tt>''' – produces the raw CSS <tt>style</tt> attributes for a border between different infobox sections.
+* '''<tt><nowiki>{{Infobox style|nav_box}}</nowiki></tt>''' – produces the raw CSS <tt>style</tt> attributes for a collapsible navigation template at a width of 315 [[pixels]].
+* '''<tt><nowiki>{{Infobox style|nav_box_child}}</nowiki></tt>''' – produces the raw CSS <tt>style</tt> attributes for a collapsible navigation template (same as <tt>nav_box</tt> but at a width of 305 pixels and without <tt>margin-left:1em</tt>).
+* '''<tt><nowiki>{{Infobox style|nav_box_wide}}</nowiki></tt>''' – produces the raw CSS <tt>style</tt> attributes for a full-width collapsible navigation template.
+* '''<tt><nowiki>{{Infobox style|nav_box_header}}</nowiki></tt>''' – produces the raw CSS <tt>style</tt> attributes for the header bar in a collapsible navigation template.
+* '''<tt><nowiki>{{Infobox style|nav_box_wide_header}}</nowiki></tt>''' – produces the raw CSS <tt>style</tt> attributes for the header bar in a full-width collapsible navigation template.
+* '''<tt><nowiki>{{Infobox style|nav_box_label}}</nowiki></tt>''' – produces the raw CSS <tt>style</tt> 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:
+# The main <tt>above_bar</tt> in a table heading cell.
+# A <tt>sub_header_bar</tt> in a normal table cell.
+# An <tt>image_box</tt>.
+# Two normal fields with labels.
+# A <tt>header_bar</tt> in a heading cell.
+# A pair of cells divided by an <tt>internal_border</tt>.
+# A cell with a <tt>section_border</tt> at the top.
+# Another <tt>header_bar</tt> in a heading cell.
+# An <tt>image_box_plain</tt>.
+More sophisticated samples of the code can be found by examining the actual infoboxes used by the project.
 {{#ifeq:{{SUBPAGENAME}}|sandbox | |
 <!-- Categories and interwikis below this line, please -->
 }}