Template:Color: Difference between revisions

From FrathWiki
Jump to navigationJump to search
(added colored text mode (includes second argument))
(default is not possible with {{{2}}})
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>


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

Revision as of 16:31, 31 October 2012


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