Template:Color: Difference between revisions

From FrathWiki
Jump to navigationJump to search
(added colored text mode (includes second argument))
(removing TOC since it is such a short page, seems unnecessary)
 
(One intermediate revision by one other user not shown)
Line 1: Line 1:
<includeonly>{{ #if: {{{2|}}} |<span style="color: {{{1|black}}};">{{{2}}}</span>|<span style="display: inline-block; border:1px solid #7f7f7f; width: 16px; height: 16px; background-color: {{{1|transparent}}};" title="{{{1|transparent}}}"></span>}}</includeonly><noinclude>
<includeonly>{{ #if: {{{2|}}} |<span style="color: {{{1|transparent}}};">{{{2}}}</span>|<span style="display: inline-block; border:1px solid #7f7f7f; width: 16px; height: 16px; background-color: {{{1|transparent}}};" title="{{{1|transparent}}}"></span>}}</includeonly><noinclude>
 
__NOTOC__
This template has two uses: First, to display a small colored box, and second, to display colored text.
This template has two uses: First, to display a small colored box, and second, to display colored text.


Line 19: Line 19:
==Colored text==
==Colored text==


If you specify two parameters, the text in the second parameter is displayed in the color specified in the first parameter, which must be in a format understood by CSS. The first parameter defaults to black.
If you specify two parameters, the text in the second parameter is displayed in the color specified in the first parameter, which must be in a format understood by CSS.


===Example===
===Example===

Latest revision as of 12:05, 8 August 2014


This template has two uses: First, to display a small colored box, and second, to display colored text.

Colored box

If you specify only the first parameter, a color in a format which is understood by CSS, this template displays a small box filled with this color. When hovering over it, the name of the color is displayed in a tooltip. The parameter defaults to transparent.

Examples

— red

— #60f

— rgb(20, 50, 80)

— transparent

Colored text

If you specify two parameters, the text in the second parameter is displayed in the color specified in the first parameter, which must be in a format understood by CSS.

Example

BADGERS{{Color|red|BADGERS}}