Difference between revisions of "Template:Panel"

From Hydrogenaudio Knowledgebase
Jump to: navigation, search
(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

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