Template:Font color/doc: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
mNo edit summary |
||
| Line 2: | Line 2: | ||
== Purpose == | == Purpose == | ||
{{ | {{tlc|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}}, | ||
| Line 11: | Line 11: | ||
You can specify its {{Font color|bg=yellow|fg=indigo|text=background}} color at the same time. | You can specify its {{Font color|bg=yellow|fg=indigo|text=background}} color at the same time. | ||
{{ | {{tls|Font color}} is also how you can color wikilinks | ||
to something other than blue for when you need to work within background colors. | to something other than blue for when you need to work within background colors. | ||
Normally < | Normally <code>[<nowiki/>[ wikilink ]]</code> → [[wikilink]], | ||
but here we use a {{ | but here we use a {{tls|font color}} with {{para|link}} to create a black wikilink → | ||
{{Font color|black|violet|link=yes| wikilink }} | {{Font color|black|violet|link=yes| wikilink }} | ||
You can make any text link to any page using the {{para|link}} parameter. | You can make any text link to any page using the {{para|link}} parameter. | ||
| Line 25: | Line 25: | ||
== Usage == | == Usage == | ||
{{tlf|Font color}} has a one-color and a two-color form: | {{tlf|Font color}} has a one-color and a two-color form: | ||
: < | : <code>{{((}}font color | ''color'' | ''text'' {{))}}</code> | ||
: < | : <code>{{((}}font color | ''text color'' | ''background color'' | ''text'' {{))}}</code> | ||
Either form has a {{para|link}} option, for colorizing (otherwise blue or red) wikilink text. | Either form has a {{para|link}} option, for colorizing (otherwise blue or red) wikilink text. | ||
: < | : <code>{{!}}link{{=}}yes</code> → <code>[<nowiki/>[''text'']]</code> | ||
: < | : <code>{{!}}link{{=}}''[[wp:pgn|fullpagename]]''</code> → <code>[<nowiki/>[''fullpagename'']]</code> | ||
You can also name the other fields. | You can also name the other fields. | ||
: < | : <code>{{((}}font color | fg=''color'' | text=''text'' {{))}}</code> | ||
: < | : <code>{{((}}font color | fg=''text color'' | bg=''background color'' | text=''text'' {{))}}</code> | ||
You can name {{para|fg}} or {{para|bg}}, which is nice, but... | You can name {{para|fg}} or {{para|bg}}, which is nice, but... | ||
if you name either of them, you must also name {{para|text}}, which is a compromise. | if you name either of them, you must also name {{para|text}}, which is a compromise. | ||
Spacing is of no concern. | Spacing is of no concern. | ||
: {{code | : {{code|.}}{{tlc|font color|tan|green|text with four words}}{{code|.}} → {{code|.}}{{font color|tan|green|text with four words }}{{code|.}} | ||
: {{code | : {{code|.}} {{tlc|font color|tan|green|text with four words}} {{code|.}} → {{code|.}} {{font color|tan|green|text with four words }} {{code|.}} | ||
: {{code | : {{code|.}} <code><nowiki>{{font color | tan | green | text with four words }}</nowiki></code> {{code|.}} → {{code|.}} {{ font color | tan | green | text with four words }} {{code|.}} | ||
=== Parameters === | === Parameters === | ||
Revision as of 20:43, 14 June 2023
|
It contains usage information, categories and other content that is not part of the original template page.
|
|---|
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.
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
| Parameter | Use / description | Default value |
|---|---|---|
|1= |
text color | inherited |
|2= |
text | |
|link= |
=yes or =fullpagename |
- Or
| Parameter | 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 color|#ffffff|#000000|white with black background}} (Wikipedia:hexadecimal colors) |
white with black background (Wikipedia:hexadecimal colors) |
| Markup | Renders as |
|---|---|
{{Font color|white|blue|Wikipedia:Example}} |
Wikipedia:Example |
{{Font color|white|blue|Wikipedia:Example}} |
Wikipedia:Example |
{{Font color}} |
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=.
- Ok -
{{Font color|green|violet|Wikipedia:Example}}→ Wikipedia:Example (a|link={{font color}}) - Wrong -
{{Font color|green|violet|the Wikipedia:Example page}}→ the Wikipedia:Example page (Text with [[wikilink brackets]] overrides the designated color) - Wrong -
{{Font color|green|violet|Wikipedia:Exammple}}→ the Wikipedia:Exammple page (Text with [[wikilink brackets]] overrides the designated color)