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>{{{ | <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==== | ||
*'' | *''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 | ||
| | |heading=Love | ||
|borderSize=0 | |borderSize=0 | ||
|columns=4 | |columns=4 | ||
Line 39: | Line 39: | ||
'''Result:''' | '''Result:''' | ||
{{Columns | {{Columns | ||
| | |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