453
edits
How to Use DiceColors template: Difference between revisions
Just adding more details
(Adding a how to page for the DiceColors template, still needs work) |
(Just adding more details) |
||
Line 1:
The [[Template:DiceColors|DiceColors]] template allows you to easily add multi-colored dice to any page. For example:
{{DiceColors|d6-3|aquamarine,blue,red,black|4em|0em}}
=== Usage ===
<pre><nowiki>
{{DiceColors
| die-value
| colors
| size
}}
</nowiki></pre>
The above example used the following: <nowiki>{{DiceColors|d6-3|aquamarine,blue,red,black|4em}}</nowiki>
<br/>
==Die-Value==
The "die-value" is the die shape and face value. This must be a hyphenated value such as "d4-3" or "d20-15". Here are examples of the 8 valid die shapes:
{| class="wikitable"
Line 24 ⟶ 38:
|}
<br/>
==Colors==
The "colors" field contains a comma-separated list of 1 to 4 colors for the different parts of the dice. The values can be any valid CSS [https://www.w3schools.com/css/css_colors.asp color]. Usually you wouldn't use them by themselves but here is an example showing 4 different colors being used separately so you can see what they do:
{| class="wikitable"
Line 40 ⟶ 55:
Note: you can leave off any trailing commas, but must include any leading commas. ",blue" works the same as ",blue,," but "blue,," would actually match "blue,,,"
<br/>
Now let's combine the 4
{| class="wikitable"
|-
Line 63 ⟶ 78:
|style="text-align:center"|<nowiki>{{DiceColors|d6-3|lavender,black,red,purple}}</nowiki><br/>Adding the interior edge color gives it a little more shape.
|}
<br/>
==Size==
The size parameter lets you control how big the die is in relation to the other text. This can be any valid CSS [https://www.w3schools.com/css/css_font_size.asp font size]. Here are examples with 2em to 5em sizes:
{| class="wikitable"
|-
|style="text-align:center"|{{DiceColors|d6-3|aquamarine,blue,red,black|2em}}
|style="text-align:center"|{{DiceColors|d6-3|aquamarine,blue,red,black|3em}}
|style="text-align:center"|{{DiceColors|d6-3|aquamarine,blue,red,black|4em}}
|style="text-align:center"|{{DiceColors|d6-3|aquamarine,blue,red,black|5em}}
|-
|style="text-align:center"|<nowiki>{{DiceColors|d6-3|aquamarine,blue,red,black|2em}}</nowiki><br/>
|style="text-align:center"|<nowiki>{{DiceColors|d6-3|aquamarine,blue,red,black|3em}}</nowiki><br/>
|style="text-align:center"|<nowiki>{{DiceColors|d6-3|aquamarine,blue,red,black|4em}}</nowiki><br/>
|style="text-align:center"|<nowiki>{{DiceColors|d6-3|aquamarine,blue,red,black|5em}}</nowiki><br/>
|}
<br/>
==More==
If you want to experiment with what you can make the die look like, here are all combinations of color parameters:<br/>
{{DiceColors|d6-3|aquamarine,blue,red,black|4em|0em}}aquamarine,blue,red,black<br/>
{{DiceColors|d6-3|aquamarine,,,|4em|0em}}aquamarine,,,<br/>
{{DiceColors|d6-3|,blue,,|4em|0em}},blue,,<br/>
{{DiceColors|d6-3|,,red,|4em|0em}},,red,<br/>
{{DiceColors|d6-3|,,,black|4em|0em}},,,black<br/>
{{DiceColors|d6-3|aquamarine,blue,,|4em|0em}}aquamarine,blue,,<br/>
{{DiceColors|d6-3|aquamarine,,red,|4em|0em}}aquamarine,,red,<br/>
{{DiceColors|d6-3|aquamarine,,,black|4em|0em}}aquamarine,,,black<br/>
{{DiceColors|d6-3|,blue,red,|4em|0em}},blue,red,<br/>
{{DiceColors|d6-3|,blue,,black|4em|0em}},blue,,black<br/>
{{DiceColors|d6-3|,,red,black|4em|0em}},,red,black<br/>
{{DiceColors|d6-3|aquamarine,blue,red,|4em|0em}}aquamarine,blue,red,<br/>
{{DiceColors|d6-3|aquamarine,blue,,black|4em|0em}}aquamarine,blue,,black<br/>
{{DiceColors|d6-3|aquamarine,,red,black|4em|0em}}aquamarine,,red,black<br/>
{{DiceColors|d6-3|,blue,red,black|4em|0em}},blue,red,black<br/>
| |||