Difference between revisions of "Template:Panel"
From Hydrogenaudio Knowledgebase
(Initial template creation. Additional switches to be added after testing.) |
(Updated with additional colours and documentation.) |
||
Line 1: | Line 1: | ||
− | <div class="plainlinks" style="background-color: {{#switch: {{{color}}} | yellow = #ffffcc | #f0f0f0 }}; border-left: 0.5em solid {{#switch: {{{color}}} | yellow = #ffeb3b | #c0c0c0 }}; color: #000; margin-bottom: 0.5em; padding: 0.5em 1em;">{{{1}}}</div> | + | <div class="plainlinks" style="background-color: {{#switch: {{{color}}} | green = #ddffdd | red = #ffdddd | yellow = #ffffcc | #f0f0f0 }}; border-left: 0.5em solid {{#switch: {{{color}}} | green = #4caf50 | red = #f44336 | yellow = #ffeb3b | #c0c0c0 }}; color: #000; margin-bottom: 0.5em; padding: 0.5em 1em;">{{{1}}}</div><noinclude> |
+ | ==Documentation== | ||
+ | Creates a colored panel that can be used to pull out important information. | ||
+ | |||
+ | It currently accepts three '''lowercase''' {{code|color}} variables: {{code|green}}, {{code|red}}, {{code|yellow}} | ||
+ | ===Input=== | ||
+ | <pre>{{panel|Sample text.}} | ||
+ | {{panel|Sample text.|color=green}} | ||
+ | {{panel|Sample text.|color=red}} | ||
+ | {{panel|Sample text.|color=yellow}}</pre> | ||
+ | ===Output=== | ||
+ | {{panel|Sample text.}} | ||
+ | {{panel|Sample text.|color=green}} | ||
+ | {{panel|Sample text.|color=red}} | ||
+ | {{panel|Sample text.|color=yellow}} | ||
+ | </noinclude> |
Revision as of 10:34, 19 October 2018
{{{1}}}
Documentation
Creates a colored panel that can be used to pull out important information.
It currently accepts three lowercase color
variables: green
, red
, yellow
Input
{{panel|Sample text.}} {{panel|Sample text.|color=green}} {{panel|Sample text.|color=red}} {{panel|Sample text.|color=yellow}}
Output
Sample text.
Sample text.
Sample text.
Sample text.