Toggle search
Toggle menu
465
1.1K
48.4K
26.4K
Summertime Saga Wiki
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:Font color/doc: Difference between revisions

Template page
More actions
← Older edit
Casiope (talk | contribs)
20,786 edits
Casiope (talk | contribs)
20,786 edits
Casiope (talk | contribs)
20,786 edits
 
(19 intermediate revisions by the same user not shown)
Line 1: Line 1:
The template {{tlg|font color}} is how you insert colorized text. You can specify its background color at the same time.
== Purpose ==
== Purpose ==


{{tl|Font color}} is how you insert colorized text. You can specify its background color at the same time.
{{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>[[Pink Cyclone]]</nowiki> produces [[Pink Cyclone]], but here we use a font color with {{para|link}} to create a black wikilink → {{font color|black|violet|link=yes|Pink Cyclone}}. You can make any text link to any page using the {{para|link}} parameter.


{{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.
This template uses the latest HTML5 recommendations, inserting the span tags
{{tag|span|nowrap=yes|attribs=style="color:color;"}} and {{tag|span|nowrap=yes|attribs=style="background-color:color;"}}, 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 <code><nowiki><span style=color:color>...</span></nowiki></code> and <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.
== Usage ==


== Usage ==
{{tlg|code=yes|nolink=yes|font color}} has a one‐color form:
: {{tlg|code=yes|nolink=yes|font color|fg{{=}}{{var|text color}}|text{{=}}{{var|text}}}}
: {{tlg|code=yes|nolink=yes|font color|{{var|text color}}|{{var|text}}}}


{{tl|Font color}} has a one-color and a two-color form:
And a two‐color form:
* {{tlx|font color|''color''|''text''}}
: {{tlg|code=yes|nolink=yes|font color|fg{{=}}{{var|text color}}|bg{{=}}{{var|background color}}|text{{=}}{{var|text}}}}
* {{tlx|font color|''text color''|''background color''|''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:
* <code>|link=yes</code> produces <code>[<nowiki/>[''text'']]</code>
: {{para|link|yes}} produces <code>[[{{var|text}}]]</code>
* <code>|link=''[[Wikipedia:Albert Einstein]]''</code> produces <code><nowiki>[[Albert Einstein]]</nowiki></code>
: {{para|link|Erik}} produces {{code|[[Erik]]}}
 
You can also name the other fields:
* {{tlx|font color|fg{{=}}''color''|text{{=}}''text''}}
* {{tlx|font color|fg{{=}}''text color''|bg{{=}}''background color''|text{{=}}''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.


=== Parameters ===
== Parameters ==


{|class=wikitable
In a one‐color form:
|-
; {{para|fg}} or {{para|1}} : The color of the text.
!
; {{para|bg}} or {{para|2}} : The color of the background.
! Use / description
; {{para|link}} : =yes or =fullpagename. If there is a link.
! Default value
|-
| {{{1}}}
| ''text color''
| inherited
|-
| {{{2}}}
| ''text''
|
|-
| link
| =yes or =''fullpagename''
|
|}


Or
In a two‐color form:
 
; {{para|fg}} or {{para|1}} : The color of the text.
{|class=wikitable
; {{para|bg}} or {{para|2}} : The color of the background.
|-
; {{para|text}} or {{para|3}} : The text to display.
!
; {{para|link}} : =yes or =fullpagename. If there is a link, the page target of the link.
! Use / description
! Default value
|-
| {{{1}}}
| ''text color''
| inherited
|-
| {{{2}}}
| ''background color''
| inherited
|-
| {{{3}}}
| ''text''
|
|-
| link
| =yes or =''fullpagename''
|
|}


== Examples ==
== Examples ==
Line 75: Line 41:
! 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 64:
! Renders as
! Renders as
|-
|-
| {{tlc|font color|white|blue|Wikipedia:Example|link{{=}}yes}}
| {{tlg|code=yes|nolink=yes|font color|white|#57A3E6|Eve|link{{=}}yes}}
| {{font color|white|blue|Wikipedia:Example|link=yes}}
| {{font color|white|#57A3E6|Eve|link=yes}}
|-
|-
| {{tlc|font color|white|blue|Wikipedia:Example|link{{=}}Wikipedia:Sandbox}}
| {{tlg|code=yes|nolink=yes|font color|white|#57A3E6|Eve is a nice girl|link{{=}}Eve}}
| {{font color|white|blue|Wikipedia:Example|link=Wikipedia:Sandbox}}
| {{font color|white|#57A3E6|Eve is a nice girl|link=Eve}}
|-
|-
| {{tlc|font color|text=Wikipedia:Example|link{{=}}Wikipedia:Sandbox|bg{{=}}blue|fg{{=}}white}}
| {{tlg|code=yes|nolink=yes|font color|fg{{=}}white|bg{{=}}#57A3E6|text{{=}}Eve is a nice girl|link{{=}}Eve}}
| {{font color|text=Wikipedia:Example|link=Wikipedia:Sandbox|bg=blue|fg=white}}
| {{font color|fg=white|bg=#57A3E6|text=Eve is a nice girl|link=Eve}}
|}
|}


The {{para|link}} parameter is a good way to colorize wikilinks, and it is about as much typing as the [https://en.wikipedia.org/wiki/Help:Pipe_trick pipe trick].
The {{para|link}} parameter is a good way to colorize wikilinks:
: {{font color|green|✓}} <code>[<nowiki/>[Becca|{<nowiki />{font color|black|#FFBCA8|The daughter of Tina}}]]</code> produces [[Becca|{{font color|black|#FFBCA8|The daughter of Tina}}]] (a font‐colored link).
 
However the template {{tlg|nolink=yes|font color}} does not accept a wikilink, it creates wikilinks itself with the {{para|link}} parameter:
: {{font color|green|✓}} {{tlg|code=yes|nolink=yes|font color|white|#C990FF|Missy|link{{=}}yes}} produces {{font color|white|#C990FF|Missy|link=yes}}.
: {{font color|red|✗}} {{tlg|code=yes|nolink=yes|font color|white|#C990FF|The page about &#91;&#91;Missy&#93;&#93;}} produces {{font color|white|#C990FF|The page about [[Missy]]}} because the text with wikilink brackets overrides the designated color.
 
== See also ==


Although a wikilink accepts a ''font color'' (or other template or markup):
{{tlg|lightlink}} - provides a white‐colored wikilink for infobox, navbox and tables.
: <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}}.
: {{font color|green|✓}} {{tlc|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)


[[Category:Templates]]
[[Category:Templates]]
[[Category:Templates documentation]]
[[Category:Templates documentation]]

Latest revision as of 13:39, 25 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 [[Pink Cyclone]] produces Pink Cyclone, but here we use a font color with |link= to create a black wikilink → Pink Cyclone. 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 form:

{{font color|fg=text color|text=text}}
{{font color|text color|text}}

And a two‐color form:

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

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

|link=yes produces [[text]]
|link=Erik produces [[Erik]]

Parameters

In a one‐color form:

|fg= or |1=
The color of the text.
|bg= or |2=
The color of the background.
|link=
=yes or =fullpagename. If there is a link.

In a two‐color form:

|fg= or |1=
The color of the text.
|bg= or |2=
The color of the background.
|text= or |3=
The text to display.
|link=
=yes or =fullpagename. If there is a link, the page target of the link.

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|#57A3E6|Eve|link=yes}} Eve
{{font color|white|#57A3E6|Eve is a nice girl|link=Eve}} Eve is a nice girl
{{font color|fg=white|bg=#57A3E6|text=Eve is a nice girl|link=Eve}} Eve is a nice girl

The |link= parameter is a good way to colorize wikilinks:

✓ [[Becca|{{font color|black|#FFBCA8|The daughter of Tina}}]] produces The daughter of Tina (a font‐colored link).

However the template {{font color}} does not accept a wikilink, it creates wikilinks itself with the |link= parameter:

✓ {{font color|white|#C990FF|Missy|link=yes}} produces Missy.
✗ {{font color|white|#C990FF|The page about [[Missy]]}} produces The page about Missy because the text with wikilink brackets overrides the designated color.

See also

{{lightlink}} - provides a white‐colored wikilink for infobox, navbox and tables.

Retrieved from "https://wiki.summertimesaga.com/index.php?title=Template:Font_color/doc&oldid=24721"