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

From blackwiki
Jump to navigation Jump to search
imported>Cpiral
(ce: add spacing, improve examples)
imported>Cpiral
(→‎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


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

Script error: No such module "aligned table".

Or

Script error: No such module "aligned table".

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 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
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=.

  1. REDIRECT Template:Xmark

{{ font color | green | violet | the [[Wikipedia:Example]] page}} → the Wikipedia:Example page (Text with [[wikilink brackets]] overrides the designated color)

  1. REDIRECT Template:Xmark

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