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

From blackwiki
Jump to navigation Jump to search
imported>Cpiral
(+ template high-use)
imported>Cpiral
(→‎Purpose: better paragraphs, less clutter, more accuracy)
Line 5: Line 5:
  
 
== Purpose ==
 
== Purpose ==
This is how you insert colorized text, such as
+
{{tl|Font color}} is how you insert colorized text, such as
 
{{font color|red|red}},
 
{{font color|red|red}},
 
{{font color|orange|orange}},
 
{{font color|orange|orange}},
{{font color|yellow|yellow|link=yes}},
 
 
{{font color|green|green}},
 
{{font color|green|green}},
 
{{font color|blue|blue|link=cat}} and
 
{{font color|blue|blue|link=cat}} and
 
{{font color|indigo|indigo}},
 
{{font color|indigo|indigo}},
{{font color|violet|violet}},
 
 
and [[Help:Color#Color generation guide|many others]].
 
and [[Help:Color#Color generation guide|many others]].
 +
You can specify its {{font color|bg=yellow|fg=indigo|text=background}} color at the same time.
  
It's needed for matching a color theme such as in sports templates.
+
{{tl|Font color}} is also how you can color wikilinks
You can specify a {{font color|bg=yellow|text=background}} color too.
+
to something other than blue for when you need to work within background colors.
 +
Normally <kbd>[<nowiki/>[ wikilink ]]</kbd> &rarr; [[wikilink]],
 +
but but here we use a {{tl|font color}} with {{para|link}} to create a black wikilink &rarr;
 +
{{font color|black|violet|link=yes|&nbsp;&nbsp;&nbsp;wikilink&nbsp;&nbsp;&nbsp;}}
 +
You can make any text link to any page using the {{para|link}} parameter.
  
You can make any text link to any page. (See "yellow" and "blue" above.)
+
This template will use the latest [[Wikipedia:HTML5]] recommendations,  
 
+
inserting the span tags
For example, giving your plain <kbd>[<nowiki/>[wikilink]]</kbd>, you get
+
{{tag|span|params=style=color:''color''}} and
 
+
{{tag|span|params=style=background-color:''color''}} for you, so your page increases its readability and usability in both the wikitext and the rendered page.
{| class="wikitable" style=color:green
 
|-
 
! header 1
 
! header 2
 
! header 3
 
|-
 
| row 1, cell 1 [[wikilink]]
 
| row 1, cell 2
 
| row 1, cell 3
 
|-
 
| row 2, cell 1
 
| row 2, cell 2
 
| row 2, cell 3
 
|}
 
 
 
You need {<nowiki/>{font color | green | wikilink | link = yes }}
 
 
 
{| class="wikitable" style=color:green
 
|-
 
! header 1
 
! header 2
 
! header 3
 
|-
 
| row 1, cell 1 {{font color|green|wikilink|link=yes}}
 
| row 1, cell 2
 
| row 1, cell 3
 
|-
 
| row 2, cell 1
 
| row 2, cell 2
 
| row 2, cell 3
 
|}
 
 
 
Font color will use the latest [[Wikipedia:HTML5]] recommendations,
 
inserting the span tag attributes
 
: <code>style=background-color</code>:
 
: <code>style=color</code>:
 
for you, so your page increases its readability and usability in the wikitext and its rendering.
 
  
 
== Usage ==
 
== Usage ==

Revision as of 19:44, 15 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 never of any concern.

.{{ font color | tan | green |   label   with    four     words   }}..label with four words.
. {{ font color | fg = tan | bg = green | text =     label     with     four      words    }} .. label 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|Example|link=Wikipedia:Sandbox}} Example
{{font color|text=Example|link=Wikipedia:Sandbox|bg=blue|fg=white}} Example

The |link= parameter is a good way to colorize wikilinks, and it is about as much typing as the pipe trick.

  • [[Wikipedia:Sandbox|{{font color|white|blue|Example}}]]Example Linked by the pipe trick. Template:OK
  • {{font color|white|blue|Example|link=Wikipedia:Sandbox}}Example Linked by {{font color}} Template:OK
  • {{font color|red|[[Wikipedia:Sandbox]]}}Wikipedia:Sandbox Not "red" like it said, because text is a wikilink.
  1. REDIRECT Template:Xmark
  • {{font color|white|green|[[Wikipedia:Sandborax]]}}Wikipedia:Sandborax Not white on green: text is a wikilink.
  1. REDIRECT Template:Xmark

This span is style=background-color:yellow. {{font color|red|some red text}}some red text.
Link with {{font color|purple|''The Color Purple''|link=The Color Purple}}The Color Purple.      Span ending.

For actual mainspace template usage, here are search links for

See also