Template:INITOC: Difference between revisions

From Step Mods | Change The Game
No edit summary
No edit summary
Line 1: Line 1:
<includeonly>{{#if:{{{title|}}}|<h3>{{{title}}}</h3>
<includeonly>{{#if:{{{title|}}}|<h3>{{{heading}}}</h3>
}}<div style="padding:12px 12px; border:{{{borderSize|1px}}} solid {{{borderColor|#555}}}; width:{{{width|65%}}}; -webkit-column-count:{{{columns|3}}}; -moz-column-count:{{{columns|3}}}; column-count:{{{columns|3}}}; -webkit-column-gap:{{{gapSize|25px}}}; -moz-column-gap:{{{gapSize|25px}}}; column-gap:{{{gapSize|25px}}}; -webkit-column-rule:{{{borderSize|0}}} solid {{{borderColor|#555}}}; -moz-column-rule:{{{borderSize|0}}} solid {{{borderColor|#555}}}; column-rule:{{{borderSize|0}}} solid {{{borderColor|#555}}};">{{{text|}}}</div></includeonly><noinclude>__NOTOC__
}}<div style="padding:12px 12px; border:{{{borderSize|1px}}} solid {{{borderColor|#555}}}; width:{{{width|65%}}}; -webkit-column-count:{{{columns|3}}}; -moz-column-count:{{{columns|3}}}; column-count:{{{columns|3}}}; -webkit-column-gap:{{{gapSize|25px}}}; -moz-column-gap:{{{gapSize|25px}}}; column-gap:{{{gapSize|25px}}}; -webkit-column-rule:{{{borderSize|0}}} solid {{{borderColor|#555}}}; -moz-column-rule:{{{borderSize|0}}} solid {{{borderColor|#555}}}; column-rule:{{{borderSize|0}}} solid {{{borderColor|#555}}};">{{{text|}}}</div></includeonly><noinclude>__NOTOC__


Line 10: Line 10:


====Optional====
====Optional====
*''title'': Adds a level-3 heading right before the column.
*''heading'': Adds a level-3 heading right before the column.
*''borderColor'': Sets the color of the borders. Default is #555.
*''borderColor'': Sets the color of the borders. Default is #555.
*''width'': Sets the width of the entire block of columned content. Default is 65%.
*''width'': Sets the width of the entire block of columned content. Default is 65%.
Line 31: Line 31:
'''Code:'''
'''Code:'''
<pre>{{Columns
<pre>{{Columns
|title=Love
|heading=Love
|borderSize=0
|borderSize=0
|columns=4
|columns=4
Line 39: Line 39:
'''Result:'''
'''Result:'''
{{Columns
{{Columns
|title=Love
|heading=Love
|borderSize=0
|borderSize=0
|columns=4
|columns=4

Revision as of 18:23, June 30, 2015


Purpose & Usage

This template allows text to be displayed and automatically arranged over multiple columns. It is used on the some INI Guides to help create a custom TOC.

Parameters

Required

  • text: Column content.

Optional

  • heading: Adds a level-3 heading right before the column.
  • borderColor: Sets the color of the borders. Default is #555.
  • width: Sets the width of the entire block of columned content. Default is 65%.
  • columns: Sets the number of columns to use. Default is 3.
  • gapSize: Sets the whitespace width between columns (analogous to padding). Default is 25px.
  • borderSize: Sets the border width between columns (placed in center of the gap). Default is #555.

Examples

NOTE: Do NOT add line breaks within the code. Instead use HTML
elements.
Code:

{{Columns|text=Love<br />is<br />columns!}}

Result: Template:Columns

Code:

{{Columns|text=Love<br />is<br />columns!<br />Love<br />is<br />columns!<br />Love<br />is<br />columns!<br />Love<br />is<br />columns!<br />Love<br />is<br />columns!<br />Love<br />is<br />columns!<br />Love<br />is<br />columns!<br />}}

Result: Template:Columns

Code:

{{Columns
|heading=Love
|borderSize=0
|columns=4
|width=100%
|text=Love<br />is<br />columns!<br />Love<br />is<br />columns!<br />Love<br />is<br />columns!<br />Love<br />is<br />columns!<br />Love<br />is<br />columns!<br />Love<br />is<br />columns!<br />Love<br />is<br />columns!<br />
}}

Result: Template:Columns

See Also