Difference between revisions of "Template:Font color/doc"

From Summertime Saga Wiki
Jump to: navigation, search
m
m
Line 1: Line 1:
The template {{tl|font color}} is how you insert colorized text. You can specify its background color at the same time.
+
The template {{tlg|font color}} is how you insert colorized text. You can specify its background color at the same time.
  
 
== Purpose ==
 
== Purpose ==
  
{{tlc|font color}} is also how you can color wikilinks to something other than blue for when you need to work within background colors. Normally <nowiki>[[Wikipedia:Albert Einstein]]</nowiki> produces [[Wikipedia:Albert Einstein]], but here we use a font color with {{para|link}} to create a black wikilink → {{font color|black|violet|link=yes|Wikipedia:Albert Einstein}}. You can make any text link to any page using the {{para|link}} parameter.
+
{{tlg|code=yes|nolink=yes|font color}} is also how you can color wikilinks to something other than blue for when you need to work within background colors. Normally <nowiki>[[Wikipedia:Albert Einstein]]</nowiki> produces [[Wikipedia:Albert Einstein]], but here we use a font color with {{para|link}} to create a black wikilink → {{font color|black|violet|link=yes|Wikipedia:Albert Einstein}}. You can make any text link to any page using the {{para|link}} parameter.
  
 
This template uses the latest HTML5 recommendations, inserting the span tags {{nowrap|<code><nowiki><span style=color:color>…</span></nowiki></code>}} and {{nowrap|<code><nowiki><span style=background-color:color>…</span></nowiki></code>}}, so the page increases its readability and usability in both the wikitext and the rendered page.
 
This template uses the latest HTML5 recommendations, inserting the span tags {{nowrap|<code><nowiki><span style=color:color>…</span></nowiki></code>}} and {{nowrap|<code><nowiki><span style=background-color:color>…</span></nowiki></code>}}, so the page increases its readability and usability in both the wikitext and the rendered page.
Line 9: Line 9:
 
== Usage ==
 
== Usage ==
  
{{tlc|font color}} has a one‐color and a two‐color form:
+
{{tlg|code=yes|nolink=yes|font color}} has a one‐color and a two‐color form:
* {{tlc|font color|{{var|color}}|{{var|text}}}}
+
* {{tlg|code=yes|nolink=yes|font color|{{var|color}}|{{var|text}}}}
* {{tlc|font color|{{var|text color}}|{{var|background color}}|{{var|text}}}}
+
* {{tlg|code=yes|nolink=yes|font color|{{var|text color}}|{{var|background color}}|{{var|text}}}}
  
 
Either form has a {{para|link}} option, for colorizing (otherwise blue or red) wikilink text:
 
Either form has a {{para|link}} option, for colorizing (otherwise blue or red) wikilink text:
Line 18: Line 18:
  
 
You can also name the other fields:
 
You can also name the other fields:
* {{tlc|font color|fg{{=}}{{var|color}}|text{{=}}{{var|text}}}}
+
* {{tlg|code=yes|nolink=yes|font color|fg{{=}}{{var|color}}|text{{=}}{{var|text}}}}
* {{tlc|font color|fg{{=}}{{var|text color}}|bg{{=}}{{var|background color}}|text{{=}}{{var|text}}}}
+
* {{tlg|code=yes|nolink=yes|font color|fg{{=}}{{var|text color}}|bg{{=}}{{var|background color}}|text{{=}}{{var|text}}}}
  
 
You can name {{para|fg}} or {{para|bg}}, which is nice, but if you name either of them, you must also name {{para|text}}, which is a compromise.
 
You can name {{para|fg}} or {{para|bg}}, which is nice, but if you name either of them, you must also name {{para|text}}, which is a compromise.
Line 75: Line 75:
 
! Renders as
 
! Renders as
 
|-
 
|-
| {{tlc|font color|green|green text}}
+
| {{tlg|code=yes|nolink=yes|font color|green|green text}}
 
| {{font color|green|green text}}
 
| {{font color|green|green text}}
 
|-
 
|-
| {{tlc|font color|blue|do not style text as a link}}
+
| {{tlg|code=yes|nolink=yes|font color|blue|do not style text as a link}}
 
| {{font color|blue|do not style text as a link}}
 
| {{font color|blue|do not style text as a link}}
 
|-
 
|-
| {{tlc|font color||yellow|default text in yellow background}}
+
| {{tlg|code=yes|nolink=yes|font color||yellow|default text in yellow background}}
 
| {{font color||yellow|default text in yellow background}}
 
| {{font color||yellow|default text in yellow background}}
 
|-
 
|-
| {{tlc|font color|bg{{=}}yellow|text{{=}}default text in yellow background}}
+
| {{tlg|code=yes|nolink=yes|font color|bg{{=}}yellow|text{{=}}default text in yellow background}}
 
| {{font color|bg=yellow|text=default text in yellow background}}
 
| {{font color|bg=yellow|text=default text in yellow background}}
 
|-
 
|-
| {{tlc|font color|white|black|white with black background}}
+
| {{tlg|code=yes|nolink=yes|font color|white|black|white with black background}}
 
| {{font color|white|black|white with black background}}
 
| {{font color|white|black|white with black background}}
 
|-
 
|-
| {{tlc|font color|#FFFFFF|#000000|white with black background}}
+
| {{tlg|code=yes|nolink=yes|font color|#FFFFFF|#000000|white with black background}}
 
| {{font color|#FFFFFF|#000000|white with black background}}
 
| {{font color|#FFFFFF|#000000|white with black background}}
 
|}
 
|}
Line 98: Line 98:
 
! Renders as
 
! Renders as
 
|-
 
|-
| {{tlc|font color|white|blue|Wikipedia:Example|link{{=}}yes}}
+
| {{tlg|code=yes|nolink=yes|font color|white|blue|Wikipedia:Example|link{{=}}yes}}
 
| {{font color|white|blue|Wikipedia:Example|link=yes}}
 
| {{font color|white|blue|Wikipedia:Example|link=yes}}
 
|-
 
|-
| {{tlc|font color|white|blue|Wikipedia:Example|link{{=}}Wikipedia:Sandbox}}
+
| {{tlg|code=yes|nolink=yes|font color|white|blue|Wikipedia:Example|link{{=}}Wikipedia:Sandbox}}
 
| {{font color|white|blue|Wikipedia:Example|link=Wikipedia:Sandbox}}
 
| {{font color|white|blue|Wikipedia:Example|link=Wikipedia:Sandbox}}
 
|-
 
|-
| {{tlc|font color|text=Wikipedia:Example|link{{=}}Wikipedia:Sandbox|bg{{=}}blue|fg{{=}}white}}
+
| {{tlg|code=yes|nolink=yes|font color|text=Wikipedia:Example|link{{=}}Wikipedia:Sandbox|bg{{=}}blue|fg{{=}}white}}
 
| {{font color|text=Wikipedia:Example|link=Wikipedia:Sandbox|bg=blue|fg=white}}
 
| {{font color|text=Wikipedia:Example|link=Wikipedia:Sandbox|bg=blue|fg=white}}
 
|}
 
|}
Line 112: Line 112:
 
Although a wikilink accepts a font color (or other template or markup):
 
Although a wikilink accepts a font color (or other template or markup):
 
: <code>[<nowiki/>[Wikipedia:Example|{<nowiki/>{font color|white|blue|the Wikipedia:Example page}}]]</code> produces [[Wikipedia:Example|{{font color|white|blue|the Wikipedia:Example page}}]] (a font‐colored link)
 
: <code>[<nowiki/>[Wikipedia:Example|{<nowiki/>{font color|white|blue|the Wikipedia:Example page}}]]</code> produces [[Wikipedia:Example|{{font color|white|blue|the Wikipedia:Example page}}]] (a font‐colored link)
: {{tnull|font color}} does not accept a wikilink, it creates wikilinks itself with {{para|link}}.
+
: {{tlg|code=yes|nolink=yes|font color}} does not accept a wikilink, it creates wikilinks itself with {{para|link}}.
: {{font color|green|✓}} {{tlc|font color|green|violet|Wikipedia:Example|link=yes}} produces {{font color|green|violet|Wikipedia:Example|link=yes}}
+
: {{font color|green|✓}} {{tlg|code=yes|nolink=yes|font color|green|violet|Wikipedia:Example|link=yes}} produces {{font color|green|violet|Wikipedia:Example|link=yes}}
: {{font color|red|✗}} {{tlc|font color|green|violet|the [[Wikipedia:Example]] page}} produces {{font color|green|violet|the [[Wikipedia:Example]] page}} (text with [<nowiki/>[wikilink brackets]] overrides the designated color)
+
: {{font color|red|✗}} {{tlg|code=yes|nolink=yes|font color|green|violet|the [[Wikipedia:Example]] page}} produces {{font color|green|violet|the [[Wikipedia:Example]] page}} (text with [<nowiki/>[wikilink brackets]] overrides the designated color)
  
 
[[Category:Templates]]
 
[[Category:Templates]]
 
[[Category:Templates documentation]]
 
[[Category:Templates documentation]]

Revision as of 15:51, 21 July 2020

The template {{font color}} is how you insert colorized text. You can specify its background color at the same time.

Purpose

{{font color}} is also how you can color wikilinks to something other than blue for when you need to work within background colors. Normally [[Wikipedia:Albert Einstein]] produces Wikipedia:Albert Einstein, but here we use a font color with |link= to create a black wikilink → Wikipedia:Albert Einstein. You can make any text link to any page using the |link= parameter.

This template uses the latest HTML5 recommendations, inserting the span tags <span style=color:color>…</span> and <span style=background-color:color>…</span>, so the page increases its readability and usability in both the wikitext and the rendered page.

Usage

{{font color}} has a one‐color and a two‐color form:

  • {{font color|color|text}}
  • {{font color|text color|background color|text}}

Either form has a |link= option, for colorizing (otherwise blue or red) wikilink text:

You can also name the other fields:

  • {{font color|fg=color|text=text}}
  • {{font color|fg=text color|bg=background color|text=text}}

You can name |fg= or |bg=, which is nice, but if you name either of them, you must also name |text=, which is a compromise.

Parameters

Use / description Default value
{{{1}}} text color inherited
{{{2}}} text
link =yes or =fullpagename

Or

Use / description Default value
{{{1}}} text color inherited
{{{2}}} background color inherited
{{{3}}} text
link =yes or =fullpagename

Examples

Markup Renders as
{{font color|green|green text}} green text
{{font color|blue|do not style text as a link}} do not style text as a link
{{font color||yellow|default text in yellow background}} default text in yellow background
{{font color|bg=yellow|text=default text in yellow background}} default text in yellow background
{{font color|white|black|white with black background}} white with black background
{{font color|#FFFFFF|#000000|white with black background}} white with black background
Markup Renders as
{{font color|white|blue|Wikipedia:Example|link=yes}} Wikipedia:Example
{{font color|white|blue|Wikipedia:Example|link=Wikipedia:Sandbox}} Wikipedia:Example
{{font color|link=Wikipedia:Sandbox|bg=blue|fg=white}} Wikipedia:Example

The |link= parameter is a good way to colorize wikilinks, and it is about as much typing as the pipe trick.

Although a wikilink accepts a font color (or other template or markup):

[[Wikipedia:Example|{{font color|white|blue|the Wikipedia:Example page}}]] produces the Wikipedia:Example page (a font‐colored link)
{{font color}} does not accept a wikilink, it creates wikilinks itself with |link=.
{{font color|green|violet|Wikipedia:Example}} produces Wikipedia:Example
{{font color|green|violet|the Wikipedia:Example page}} produces the Wikipedia:Example page (text with [[wikilink brackets]] overrides the designated color)