Template:Pageframe: Difference between revisions
Jump to navigation
Jump to search
{{{title}}}
THIS TEMPLATE SHOULD NOT BE EDITED UNLESS ABSOLUTELY NESSESARY
Test1
m (added to the templates category) Tag: Reverted |
m (Added padding) |
||
| (5 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
<div style="background: {{{color|#444}}}; border-radius: 1em 1em 0 0; color: #FFF; padding: .3em .3em .3em .3em; box-shadow: 0 0 .5em #888;"><center>{{#if:{{{icon|}}}|<span style="float:left; color: #FFF; margin-left: .42em;">{{{icon}}}</span>|}}'''{{{title}}}'''{{#if:{{{icon|}}}|<span style="float:right; color: #FFF; margin-right: 0.42em;">{{{icon}}}</span>|}}</center></div> | <div style="background: {{{color|#444}}}; border-radius: 1em 1em 0 0; color: #FFF; padding: .3em .3em .3em .3em; box-shadow: 0 0 .5em #888;"><center>{{#if:{{{icon|}}}|<span style="float:left; color: #FFF; margin-left: .42em;">{{{icon}}}</span>|}}'''{{{title}}}'''{{#if:{{{icon|}}}|<span style="float:right; color: #FFF; margin-right: 0.42em;">{{{icon}}}</span>|}}</center></div> | ||
<div style="background: #FFFFFF;"> | <div style="background: #FFFFFF;"> | ||
<div style="border: solid {{{color|#444444}}} | <div style="border: solid {{{color|#444444}}}8e; border-width: 0 0 .15em 0;"></div> | ||
<div style="margin: .42em .5em .5em .5em; padding: . | <div style="margin: .42em .5em .5em .5em; padding: .15em; background: {{{color|#444444}}}1e; border-radius: 0 0 1em 1em; box-shadow: 0 0 .3em #888; padding: .5em;"> | ||
{{{content}}} | {{{content}}} | ||
</div></div></div><noinclude>[[Category:Styling | </div></div></div><noinclude>[[Category:Styling Templates]] | ||
<div style="background: red; color: #FFF;"><center>'''THIS TEMPLATE SHOULD NOT BE EDITED UNLESS ABSOLUTELY NESSESARY'''</center></div> | <div style="background: red; color: #FFF;"><center>'''THIS TEMPLATE SHOULD NOT BE EDITED UNLESS ABSOLUTELY NESSESARY'''</center></div> | ||
==How to use this template== | ==How to use this template== | ||
This template has several parameters and all of them will be displayed in the example below. | This template has several parameters and all of them will be displayed in the example below. | ||
*<code>color</code> Controls the color in this template. | |||
*<code>icon</code> Can be used to add a small Icon to the top bar of the template, if left empty no icon will be shown. | |||
*<code>title</code>Sets the title of the template in the top bar. | |||
*<code>content</code>Controls the contents of the lower box. | |||
*<code>width</code>Controls the width of the whole template. | |||
'''Important note:''' The <code>icon</code> parameter is <u>only</u> meant to be used with the [https://www.mediawiki.org/wiki/Extension:FontAwesome FontAwesome extension] For usage see the extension itself. A list of use-able icons can be found here [https://fontawesome.com/v5/search?o=r&m=free on the FontAwesome website] (We can only use Free Icons from version 5.15.4 or older, keep this in mind when looking for icons to use.) | '''Important note:''' The <code>icon</code> parameter is <u>only</u> meant to be used with the [https://www.mediawiki.org/wiki/Extension:FontAwesome FontAwesome extension] For usage see the extension itself. A list of use-able icons can be found here [https://fontawesome.com/v5/search?o=r&m=free on the FontAwesome website] (We can only use Free Icons from version 5.15.4 or older, keep this in mind when looking for icons to use.) | ||
Latest revision as of 02:28, 23 December 2023
{{{content}}}
How to use this template
This template has several parameters and all of them will be displayed in the example below.
colorControls the color in this template.iconCan be used to add a small Icon to the top bar of the template, if left empty no icon will be shown.titleSets the title of the template in the top bar.contentControls the contents of the lower box.widthControls the width of the whole template.
Important note: The icon parameter is only meant to be used with the FontAwesome extension For usage see the extension itself. A list of use-able icons can be found here on the FontAwesome website (We can only use Free Icons from version 5.15.4 or older, keep this in mind when looking for icons to use.)
{{Pageframe
| color = #005C53
| icon = {{#fas:gavel}}
| title = Test1
| content = Test2
| width = 80%
}}
These parameters will result in the following:
Test2