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

From blackwiki
Jump to navigation Jump to search
imported>Andy M. Wang
({{{|safesubst:}}} trim)
imported>Jonesey95
(Fix Linter errors (unwanted line breaks))
 
Line 2: Line 2:
 
  | {{ {{{|safesubst:}}}#if: {{{link|}}}
 
  | {{ {{{|safesubst:}}}#if: {{{link|}}}
 
       | {{ {{{|safesubst:}}}#ifeq: {{{link|}}} | yes
 
       | {{ {{{|safesubst:}}}#ifeq: {{{link|}}} | yes
       | [[ {{ {{{|safesubst:}}}trim | {{{text|{{{3|}}}}}} }}|<span style="background-color:{{ {{{|safesubst:}}}trim | {{{bg|{{{2|inherit}}}}}} }}; color:{{ {{{|safesubst:}}}trim | {{{fg|{{{1|inherit}}}}}} }};">{{ {{{|safesubst:}}}trim | {{{text|{{{3|}}}}}} }}</span>]]
+
       | [[ {{ {{{|safesubst:}}}trim | {{{text|{{{3|}}}}}} }}|<span style="background-color:{{ {{{|safesubst:}}}trim | {{{bg|{{{2|inherit}}}}}} }}; color:{{ {{{|safesubst:}}}trim | {{{fg|{{{1|inherit}}}}}} }};">{{ {{{|safesubst:}}}trim | {{{text|{{{3|}}}}}} }}</span>]]<!--
      | [[{{{link|}}}|<span style="background-color:{{ {{{|safesubst:}}}trim | {{{bg|{{{2|inherit}}}}}} }}; color:{{ {{{|safesubst:}}}trim | {{{fg|{{{1|inherit}}}}}} }};">{{ {{{|safesubst:}}}trim | {{{text|{{{3|}}}}}} }}</span>]]
+
  -->| [[{{{link|}}}|<span style="background-color:{{ {{{|safesubst:}}}trim | {{{bg|{{{2|inherit}}}}}} }}; color:{{ {{{|safesubst:}}}trim | {{{fg|{{{1|inherit}}}}}} }};">{{ {{{|safesubst:}}}trim | {{{text|{{{3|}}}}}} }}</span>]]<!--
      }}
+
  -->}}
     | <span style="background-color:{{ {{{|safesubst:}}}trim | {{{bg|{{{2|inherit}}}}}} }}; color:{{ {{{|safesubst:}}}trim | {{{fg|{{{1|inherit}}}}}} }};">{{ {{{|safesubst:}}}trim | {{{text|{{{3|}}}}}} }}</span>
+
     | <span style="background-color:{{ {{{|safesubst:}}}trim | {{{bg|{{{2|inherit}}}}}} }}; color:{{ {{{|safesubst:}}}trim | {{{fg|{{{1|inherit}}}}}} }};">{{ {{{|safesubst:}}}trim | {{{text|{{{3|}}}}}} }}</span><!--
    }}
+
-->}}
 
  | {{ {{{|safesubst:}}}#if: {{{link|}}}
 
  | {{ {{{|safesubst:}}}#if: {{{link|}}}
 
       | {{ {{{|safesubst:}}}#ifeq: {{{link|}}} | yes
 
       | {{ {{{|safesubst:}}}#ifeq: {{{link|}}} | yes
       | [[ {{ {{{|safesubst:}}}trim | {{{bg|{{{2|}}}}}} }} |<span style="color:{{ {{{|safesubst:}}}trim | {{{fg|{{{1|inherit}}}}}} }};">{{ {{{|safesubst:}}}trim | {{{bg|{{{2|}}}}}} }}</span>]]
+
       | [[ {{ {{{|safesubst:}}}trim | {{{bg|{{{2|}}}}}} }} |<span style="color:{{ {{{|safesubst:}}}trim | {{{fg|{{{1|inherit}}}}}} }};">{{ {{{|safesubst:}}}trim | {{{bg|{{{2|}}}}}} }}</span>]]<!--
      | [[ {{ {{{|safesubst:}}}trim | {{{link|}}} }} |<span style="color:{{ {{{|safesubst:}}}trim | {{{fg|{{{1|inherit}}}}}} }};">{{ {{{|safesubst:}}}trim | {{{bg|{{{2|}}}}}} }}</span>]]
+
  -->| [[ {{ {{{|safesubst:}}}trim | {{{link|}}} }} |<span style="color:{{ {{{|safesubst:}}}trim | {{{fg|{{{1|inherit}}}}}} }};">{{ {{{|safesubst:}}}trim | {{{bg|{{{2|}}}}}} }}</span>]]<!--
    }}
+
-->}}
   | <span style="color:{{ {{{|safesubst:}}}trim | {{{fg|{{{1|inherit}}}}}} }};">{{ {{{|safesubst:}}}trim | {{{bg|{{{2|}}}}}} }}</span>
+
   | <span style="color:{{ {{{|safesubst:}}}trim | {{{fg|{{{1|inherit}}}}}} }};">{{ {{{|safesubst:}}}trim | {{{bg|{{{2|}}}}}} }}</span><!--
  }}
+
-->}}
 
}}<noinclude>
 
}}<noinclude>
 
{{documentation}}
 
{{documentation}}
 
</noinclude>
 
</noinclude>

Latest revision as of 13:35, 17 January 2019

Template documentation[view] [edit] [history] [purge]

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 will use Wikipedia: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 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 || 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 }} ([[hexadecimal colors]]) white with black background (hexadecimal colors)
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 more examples see /testcases. For actual mainspace template usage, here are search links for

See also