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

From Summertime Saga Wiki
Jump to: navigation, search
(Created page with "== Purpose == {<nowiki/>{Font color}} is how you insert colorized text, such as {{font color|red|red}}, {{font color|orange|orange}}, {{font color|green|green}}, {{font color...")
 
m (Usage)
Line 11: Line 11:
  
 
{<nowiki/>{Font color}} has a one-color and a two-color form:
 
{<nowiki/>{Font color}} has a one-color and a two-color form:
: {<nowiki/>{ font color| ''color'' | ''text'' }}
+
: {<nowiki/>{ font color | ''color'' | ''text'' }}
 
: {<nowiki/>{ font color | ''text color'' | ''background color'' | ''text'' }}
 
: {<nowiki/>{ font color | ''text color'' | ''background color'' | ''text'' }}
  

Revision as of 01:49, 5 June 2019

Purpose

{{Font color}} is how you insert colorized text, such as red, orange, green, blue and indigo, and many others. You can specify its background color at the same time.

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

This template uses the latest Wikipedia:HTML5 recommendations, inserting the span tags <span style=color:color>...</span> and <span style=background-color:color>...</span> for you, so your 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:

|link=yes → [[text]]
|link=fullpagename[[fullpagename]]

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 | text = Wikipedia:Example | 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}}]]the Wikipedia:Example page (a font-colored link)

A font color does not accept a wikilink, it creates wikilinks itself with |link=.
✓ {{ font color | green | violet | Wikipedia:Example | link=yes }} → Wikipedia:Example (a |link= Template:Tl)
✗ {{ font color | green | violet | the [[Wikipedia:Example]] page }} → the Wikipedia:Example page (text with [[wikilink brackets]] overrides the designated color)