Template:Color: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
m (decrease to 2px) |
||
(7 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<span style="color: {{#if:{{{1|}}}|{{{1}}}| | <span style="color: {{#if:{{{1|}}}|{{{1}}}|inherited}}; background-color: {{#if:{{{2|}}}|{{{2}}}|inherited}}; border: {{#if:{{{3|}}}|{{{3}}}|2px}} solid {{#if:{{{2|}}}|{{{2}}}|inherited}}; border-radius: 4px;">{{{4}}}</span><noinclude> | ||
---- | |||
{{documentation}} | {{documentation}} | ||
</noinclude> | </noinclude> |
Latest revision as of 04:02, 20 March 2024
{{{4}}}
Template doc page transcluded from Template:Color/doc
Useage
To be used to color text, or the background of text.
{{color|1|2|3|4}}
{{color|text color|background color|background padding|text you are coloring}}
Parameters
Parameter | Description | Type | Status |
---|---|---|---|
1 | Desired text color, either a color name or Hex code. Leaving blank will leave the color as the default text color. | content | optional |
2 | Desired background color. Can either be an color name, or hex code. Leaving blank will leave the color as the default background color. | content | optional |
3 | Width of the padding of the background color. Useful for large highlights to avoid it looking too small. Default size of 2px. | content | required |
4 | Text that is being colored. | content | required |
Examples
Inputting the following:
{{color|blue|||This text is blue!}}
Will result in the following:
- This text is blue!
Alternatively, a hex code for a non-html color can be used in order to specify a specific color. For example:
{{color|#1e92bd|||This is a random color!}}
Will result in the following:
- This is a random color!
Or even to add a highlight to a string of text:
This is {{color||yellow||important}} doccumentation.
Which will result in the following:
- This is important doccumentation.
And, it can be used in close conjunction for rapid color changes, and can be placed within one another:
{{color||lightgrey|{{color|red|||R}}{{color|orange|||A}}{{color|yellow|||I}}{{color|green|||N}}{{color|blue|||B}}{{color|indigo|||O}}{{color|violet|||W}}}}
Which will result in the following:
- RAINBOW