Template:Box top: Difference between revisions
Content added Content deleted
CoreyPlover (talk | contribs) No edit summary |
CoreyPlover (talk | contribs) No edit summary |
||
| (One intermediate revision by the same user not shown) | |||
| Line 1: | Line 1: | ||
<div style="background-color:{{{bg|#efefff}}}; padding:0px 10px 0px 10px; border:1px solid # |
<div style="background-color:{{{bg|#efefff}}}; padding:0px 10px 0px 10px; border:1px solid #9f9fff; {{{boxstyle|}}}"> |
||
{{#if:{{{content|}}}|<div style="padding-left:1.6em; border-bottom:1px solid #a2a9b1; margin:0.5em 0; padding-bottom:0.5em; {{{style|}}}">{{{content}}}</div>}} |
{{#if:{{{content|}}}|<div style="padding-left:1.6em; border-bottom:1px solid #a2a9b1; margin:0.5em 0; padding-bottom:0.5em; {{{style|}}}">{{{content}}}</div>}}<noinclude> </div> |
||
<noinclude> </div> |
|||
{{Documentation}} |
{{Documentation}} |
||
</noinclude> |
</noinclude> |
||
Latest revision as of 16:43, 27 February 2022
Usage[edit source]
Place the Box top template above your desired content and then place Box bottom at the end.
{{Box top
| bg = background color for the box (Default is #efefff)
| content = [Optional] Content to include as a header
| boxstyle = [Optional] CSS style to add to box content
| style = [Optional] CSS style to add to header
}}
{{Box bottom
| content = [Optional] Content to include as a footer
| style = [Optional] CSS style to add to footer
}}
Example[edit source]
{{Box top|content=''This is a header''}}
Lorem ipsum dolor sit amet, consectetur adipiscing 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
{{Box bottom}}
This is a header
Lorem ipsum dolor sit amet, consectetur adipiscing 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
