Template:Fieldset: Difference between revisions
From Step Mods | Change The Game
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
<includeonly><div style="display:table;"><div style=" | <includeonly><div style="display:table;"> | ||
<div style="display:inline-block; color:{{{color|#E6E65C}}}; background-color:#35383B; position:relative; top:10px; left:10px;">{{{title}}}</div> | |||
<div style="display: table; border:1px solid #B1B1B1; border-radius:4px; padding:0 4px 2px;"> | |||
<div style="padding-left:10px; line-height: 0.1px; visibility:hidden;">{{{title}}}<br /></div> | |||
{{#ifeq:{{{bullet}}} | yes | <ul style="padding-top:2px; list-style-type:none; margin-left:-1px; margin-bottom:0px;">{{#arraymap:{{{inside|}}}|;|@@@|<li><span style="background-color:#181818; padding:0px 3.5px 0px 3.5px; border:2.75px solid #fff; border-radius:10px; font-size:5px; color:white; vertical-align:middle;"></span> @@@</li>}}</ul> | {{#ifeq:{{{checkmark}}} | yes | <ul style="padding-top:2px; list-style-type:none; margin-left:-1px; margin-bottom:0px;">{{#arraymap:{{{inside|}}}|;|@@@|<li><span style="font-size:17px; vertical-align:top;">☑</span> <span style="vertical-align:middle;">@@@</span></li>}}</ul>|<div style="padding-top:5px;">{{{inside|}}}</div>}} | |||
</div> | |||
</div></includeonly><noinclude>__NOTOC__ | |||
==Purpose & Usage== | ==Purpose & Usage== | ||
This is a template implementation of the html fieldset-legend combo, with rounded corners. | This is a template implementation of the html fieldset-legend combo, with rounded corners. | ||
*''parameter | *''parameter title'' will be bold and aligned to the right. Only one value may be used. | ||
*''parameter | *''parameter inside'' is inside the box. | ||
*''parameter | *''parameter bullet'' if set to ''yes'' will make ''inside'' an unordered list (bullet points) with separate list items separated by semicolons <code>;</code> (commas were avoided, as sometimes it may be desired for it a bullet point to contain a comma, whereas likelihood of a semicolon is not much) | ||
*''parameter | *''parameter checkmark'' if set to ''yes'' will make ''inside'' an unordered list (checkmarks) with separate list items separated by semicolons <code>;</code> (commas were avoided, as sometimes it may be desired for it a bullet point to contain a comma, whereas likelihood of a semicolon is not much) | ||
*''parameter color'' changes the default yellow color to your desired color. | *''parameter color'' changes the default yellow color to your desired color. | ||
Line 12: | Line 18: | ||
==Examples== | ==Examples== | ||
'''Code:''' | '''Code:''' | ||
<pre>{{Fieldset|Page|You should really love this text.}}</pre> | <pre>{{Fieldset|title=Page|inside=You should really love this text.}}</pre> | ||
'''Result:''' | '''Result:''' | ||
{{Fieldset|Page|You should really love this text.}} | {{Fieldset|title=Page|inside=You should really love this text.}} | ||
'''Code:''' | '''Code:''' | ||
<pre>{{Fieldset|Page||Option1; Option2; Option3; Option4}}</pre> | <pre>{{Fieldset|title=Page|bullet=yes|inside=Option1; Option2; Option3; Option4}}</pre> | ||
'''Result:''' | '''Result:''' | ||
{{Fieldset|Page||Option1; Option2; Option3; Option4}} | {{Fieldset|title=Page|bullet=yes|inside=Option1; Option2; Option3; Option4}} | ||
'''Code:''' | '''Code:''' | ||
<pre>{{Fieldset|Page| | <pre>{{Fieldset|title=Page|inside=Option1; Option2; Option3; Option4|checkmark=yes}}</pre> | ||
'''Result:''' | '''Result:''' | ||
{{Fieldset|Page| | {{Fieldset|title=Page|inside=Option1; Option2; Option3; Option4|checkmark=yes}} | ||
'''Code:''' | '''Code:''' | ||
<pre>{{Fieldset|Page|{{Fieldset|Step| | <pre>{{Fieldset|title=Page|inside={{Fieldset|title=Step|inside=Option1; Option2; Option3; Option4|bullet=yes}}|color=A6A6A6}}</pre> | ||
'''Result:''' | '''Result:''' | ||
{{Fieldset|Page|{{Fieldset|Step| | {{Fieldset|title=Page|inside={{Fieldset|title=Step|inside=Option1; Option2; Option3; Option4|bullet=yes}}|color=A6A6A6}} | ||
== See Also == | == See Also == | ||
None | None | ||
</noinclude> | </noinclude> |
Revision as of 13:15, May 3, 2015
Purpose & Usage
This is a template implementation of the html fieldset-legend combo, with rounded corners.
- parameter title will be bold and aligned to the right. Only one value may be used.
- parameter inside is inside the box.
- parameter bullet if set to yes will make inside an unordered list (bullet points) with separate list items separated by semicolons
;
(commas were avoided, as sometimes it may be desired for it a bullet point to contain a comma, whereas likelihood of a semicolon is not much) - parameter checkmark if set to yes will make inside an unordered list (checkmarks) with separate list items separated by semicolons
;
(commas were avoided, as sometimes it may be desired for it a bullet point to contain a comma, whereas likelihood of a semicolon is not much) - parameter color changes the default yellow color to your desired color.
Examples
Code:
{{Fieldset|title=Page|inside=You should really love this text.}}
Result:
Page
- You should really love this text.
You should really love this text.
Code:
{{Fieldset|title=Page|bullet=yes|inside=Option1; Option2; Option3; Option4}}
Result:
Page
- Option1 ,
- Option2 ,
- Option3 ,
- Option4
Option1; Option2; Option3; Option4
Code:
{{Fieldset|title=Page|inside=Option1; Option2; Option3; Option4|checkmark=yes}}
Result:
Page
- Option1 ,
- Option2 ,
- Option3 ,
- Option4
- ☑ Option1 ,
- ☑ Option2 ,
- ☑ Option3 ,
- ☑ Option4
Code:
{{Fieldset|title=Page|inside={{Fieldset|title=Step|inside=Option1; Option2; Option3; Option4|bullet=yes}}|color=A6A6A6}}
Result:
Page
- <div style="display:table ,
- "> <div style="display:inline-block ,
- color:#E6E65C ,
- background-color:#35383B ,
- position:relative ,
- top:10px ,
- left:10px ,
- ">Step
{{#ifeq:yes | yes | <ul style="padding-top:2px,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
| <div style="padding-top:5px,
,
,
,
|
Step
- Option1 ,
- Option2 ,
- Option3 ,
- Option4
Option1; Option2; Option3; Option4
See Also
None