Template:Font color/doc

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}} 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}}