Jump to content

Template:Font color/doc: Difference between revisions

From Fifth Empire Wiki
ce: add spacing, improve examples
Examples: improve examples, layout, and wording
Line 89: Line 89:
  | {{ font color | white | black | white with black background }}
  | {{ font color | white | black | white with black background }}
|-
|-
  |  | <code>{<nowiki/>{font color'''{{big | {{! }}<nowiki/>{{! }} }}'''yellow | default text in yellow background }}</code>
  |  | <code>{<nowiki/>{ font color'''{{big | {{! }}<nowiki/>{{! }} }}'''yellow | default text in yellow background }}</code>
  | {{ font color |  | yellow | default text in yellow background }}
  | {{ font color |  | yellow | default text in yellow background }}
|-
|-
  |  | <code>{<nowiki/>{font color'''{{big | {{! }} }}'''bg=yellow | text=default text in yellow background }}</code>
  |  | <code>{<nowiki/>{ font color'''{{big | {{! }} }}'''bg=yellow | text = default text in yellow background }}</code>
  | {{ font color | bg=yellow | text=default text in yellow background }}
  | {{ font color | bg=yellow | text = default text in yellow background }}
|}
|}


Line 114: Line 114:
and it is about as much typing as the [[wp:pipe trick|pipe trick]].
and it is about as much typing as the [[wp:pipe trick|pipe trick]].


Although a wikilink's label will accept any template,
Although a wikilink accepts a ''font color'' (or other template or markup):
<code>{{big|[<nowiki/>[}} Wikipedia:Example | {<nowiki />{font color | white | blue | Wikipedia:Example }} {{big|]]}}</code> &rarr;  
:<code>{{big|[<nowiki/>[}}Wikipedia:Example{{big|{{!}}}}{<nowiki />{font color|white|blue|the Wikipedia:Example page}}{{big|]]}}</code>  
[[Wikipedia:Example | {{ font color | white | blue | Wikipedia:Example }}]] (a font-colored link),
:&rarr; [[Wikipedia:Example | {{ font color | white | blue | the Wikipedia:Example page}}]] (a font-colored link),
this template does not accept a wiklink, it only provides {{para|link}}:
a ''font color'' does not accept a wikilink, it creates wikilinks itself with {{para|link}}.
*{{OK }}{<nowiki/>{ font color | black | violet | Wikipedia:Example | link=yes }} &rarr; {{ font color | black | violet | Wikipedia:Example | link=yes }} (a linked {{tl | font color }})
*{{OK }} {<nowiki/>{ font color | green | violet | Wikipedia:Example | link=yes }} &rarr; {{ font color | green | violet | Wikipedia:Example | link=yes }} (a {{para|link}} {{tl | font color }})
*{{cross }}{<nowiki/>{ font color | black | violet | [<nowiki/>[Wikipedia:Example]] }} &rarr; {{ font color | black | violet | [[Wikipedia:Example]] }} (The wikilink caused the color to fail.)
*{{cross }}{<nowiki/>{ font color | green | violet | the [<nowiki/>[Wikipedia:Example]] page}} &rarr; {{ font color | green | violet | the [[Wikipedia:Example]] page }} (Text with [<nowiki/>[wikilink brackets]] overrides the designated color)
*{{cross }}{<nowiki/>{ font color | black | violet | [<nowiki/>[Wikipedia:Exammple]] }} &rarr; {{ font color | black | violet | [[Wikipedia:Exammple]] }} (The wikilink caused the color to fail.)
*{{cross }}{<nowiki/>{ font color | green | violet | [<nowiki/>[Wikipedia:Exammple]] }} &rarr; {{ font color | green | violet | the [[Wikipedia:Exammple]] page }} (Text with [<nowiki/>[wikilink brackets]] overrides the designated color)
<!--
<!--


Line 127: Line 127:
* {{sl | hastemplate:"font color" | label=all usage }}.
* {{sl | hastemplate:"font color" | label=all usage }}.
* {{template usage | font color | pattern=link= | prefix=: | label=where <code>{{! }}link=</code> is used }}.
* {{template usage | font color | pattern=link= | prefix=: | label=where <code>{{! }}link=</code> is used }}.
* {{sl | hastemplate: "font color" prefix:F }}
* {{sl | hastemplate: "font color" prefix:F }} showing its use in articles whose title begins with the letter "F".


==See also==
==See also==

Revision as of 03:47, 20 December 2015

Template:Warning


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 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 will use 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. (See Help:Template#Parameters for why.)

Spacing is of no concern.

.{{font color|tan|green|text with four words}}..text with four words.
. {{font color|tan|green|text with four words}} .. text with four words .
. {{ font color | tan | green | text with four words }} .. text with four words .

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 | white | black | white with black background }} white with black background
{{ font colorTemplate:Bigyellow | default text in yellow background }} default text in yellow background
{{ font colorTemplate:Bigbg=yellow | text = default text in yellow background }} default text in yellow 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):

Template:BigWikipedia:ExampleTemplate:Big{{font color|white|blue|the Wikipedia:Example page}}Template:Big
the Wikipedia:Example page (a font-colored link),

a font color does not accept a wikilink, it creates wikilinks itself with |link=.

  • Green tickY {{ font color | green | violet | Wikipedia:Example | link=yes }} → Wikipedia:Example (a |link= {{ font color }})
  • N{{ font color | green | violet | the [[Wikipedia:Example]] page}} → the Wikipedia:Example page (Text with [[wikilink brackets]] overrides the designated color)
  • N{{ font color | green | violet | [[Wikipedia:Exammple]] }} → the Wikipedia:Exammple page (Text with [[wikilink brackets]] overrides the designated color)

For actual mainspace template usage, here are search links for

See also