Template:Fieldset

From Step Mods | Change The Game
Revision as of 02:24, May 3, 2015 by DoubleYou (talk | contribs)


Purpose & Usage

This is a template implementation of the html fieldset-legend combo, with rounded corners.

  • parameter 1 will be bold and aligned to the right. Only one value may be used.
  • parameter 2 is inside the box.
  • parameter 3 will be 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 4 will be an unordered list (with the bullet points replaced by 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.
  • parameter borderBottom turns off the bottom border if set to 0 (default is 1).
  • parameter borderTop turns off the top border if set to 0 (default is 1).


Examples

Code:

{{Fieldset|Page|You should really love this text.}}

Result:

Page
Page
  • You should really love this text.

Code:

{{Fieldset|Page||Option1; Option2; Option3; Option4}}

Result:

Page
Page
  •  Option1
  •  Option2
  •  Option3
  •  Option4

Code:

{{Fieldset|Page|||Option1; Option2; Option3; Option4}}

Result:

Page
Page
  •  Option1
  •  Option2
  •  Option3
  •  Option4

Code:

{{Fieldset|Page|{{Fieldset|Step||Option1; Option2; Option3; Option4}}|color=A6A6A6}}

Result:

Page
Page
  • <div style="display:table
  • "><div style="display:inline-block
  • color:#E6E65C
  • background-color:#35383B
  • position:relative
  • top:10px
  • left:10px
  • ">Step
<div style="display: table
  • border-top:1px solid #B1B1B1
  • border-left:1px solid #B1B1B1
  • border-right:1px solid #B1B1B1
  • border-bottom:1px solid #B1B1B1
  • border-radius:4px
  • padding:0 4px 2px
  • "><div style="padding-left:10px
  • line-height: 0.1px
  • visibility:hidden
  • ">Step
  • <ul style="padding-top:2px

  • list-style-type:none
  • margin-left:-1px
  • margin-bottom:0px
  • ">
  • <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
  • ">&nbsp
  • Option1
  • <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
  • ">&nbsp
  • Option2
  • <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
  • ">&nbsp
  • Option3
  • <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
  • ">&nbsp
  • Option4
  • See Also

    None