Template:Color: Difference between revisions

From Elwiki
(Created page with "<includeonly><span style="color: {{{1|}}};" class="{{{class|}}}">{{{2}}}</span></includeonly><noinclude> == Usage == {{Code|<nowiki>{{color|color|text}}</nowiki>}} == Example...")
 
No edit summary
Line 1: Line 1:
<includeonly><span style="color: {{{1|}}};" class="{{{class|}}}">{{{2}}}</span></includeonly><noinclude>
<includeonly>{{#css:.custom-link a {color:inherit!important}
}}
{{#if: {{{link|}}}
| <span style="color: {{trim|{{{1|}}}}}; {{#if: {{{3|}}}|background-color: {{trim|{{{2|}}}}};}} {{#if: {{{size|}}}|font-size: {{trim|{{{size|}}}}}px;}}" class="custom-link {{{class|}}}">[[{{#ifeq:{{{link|}}}|yes||{{{link|}}}{{!}}}}{{trim|{{#if: {{{3|}}}|{{{3|}}}|{{{2|}}}}}}}]]</span>
| <span style="color: {{trim|{{{1|}}}}}; {{#if: {{{3|}}}|background-color: {{trim|{{{2|}}}}};}} {{#if: {{{size|}}}|font-size: {{trim|{{{size|}}}}}px;}}" class="custom-link {{{class|}}}">
{{trim|{{#if: {{{3|}}}|{{{3|}}}|{{{2|}}}}}}}
</span>}}
</includeonly><noinclude>
== Usage ==
== Usage ==
{{Code|<nowiki>{{color|color|text}}</nowiki>}}
<nowiki>{{color|textcolor|bgcolor|text|link=yes/link|size=number}}</nowiki>
== Example ==
== Parameters ==
<nowiki>{{color|red|text}}</nowiki><br/>
(colors accept any [https://developer.mozilla.org/en-US/docs/Web/CSS/color_value CSS3] colors)
will result in<br/>
*<nowiki>{{color|</nowiki>'''textcolor'''<nowiki>|bgcolor|text}}</nowiki> - color of the text (first parameter)
{{color|red|text}}
*<nowiki>{{color|textcolor|</nowiki>'''bgcolor'''<nowiki>|text}}</nowiki> - color of the background (second parameter)
*<nowiki>{{color|textcolor|bgcolor|</nowiki>'''text'''<nowiki>}}</nowiki> - content (second or third parameter, depending on whether '''bgcolor''' was provided)
*'''size''' - size of the font in pixels
*'''link''' - if '''yes''' provided, creates a local link from the '''content''' provided. Any other parameter creates a local link from the '''link''' parameter itself.
 
== Examples ==
<nowiki>{{color|teal|Lorem ipsum}}</nowiki>
result: {{color|teal|Lorem ipsum}}
<nowiki>{{color|white|teal|Lorem ipsum}}</nowiki>
result: {{color|white|teal|Lorem ipsum}}
<nowiki>{{color|teal|Lorem ipsum|size=25}}</nowiki>
result: {{color|teal|Lorem ipsum|size=25}}
<nowiki>{{color|purple|Aisha|link=yes}}</nowiki>
result: {{color|purple|Aisha|link=yes}}
<nowiki>{{color|purple|Genius Magician|link=Aisha}}</nowiki>
result: {{color|purple|Genius Magician|link=Aisha}}
[[Category:Formats]]
[[Category:Formats]]
</noinclude>
</noinclude>

Revision as of 16:15, 6 March 2022

Usage

{{color|textcolor|bgcolor|text|link=yes/link|size=number}}

Parameters

(colors accept any CSS3 colors)

  • {{color|textcolor|bgcolor|text}} - color of the text (first parameter)
  • {{color|textcolor|bgcolor|text}} - color of the background (second parameter)
  • {{color|textcolor|bgcolor|text}} - content (second or third parameter, depending on whether bgcolor was provided)
  • size - size of the font in pixels
  • link - if yes provided, creates a local link from the content provided. Any other parameter creates a local link from the link parameter itself.

Examples

{{color|teal|Lorem ipsum}}

result: Lorem ipsum

{{color|white|teal|Lorem ipsum}}

result: Lorem ipsum

{{color|teal|Lorem ipsum|size=25}}

result: Lorem ipsum

{{color|purple|Aisha|link=yes}}

result: Aisha

{{color|purple|Genius Magician|link=Aisha}}

result: Genius Magician