Difference between revisions of "Template:Color"

From Nookipedia, the Animal Crossing wiki
(Added optional margin parameter)
(Replacing default 'Unkown' with 'N/A' (not ideal but saves space in NHItem template)
Line 40: Line 40:
 
| Colorful = linear-gradient(to right, #ff9999,#adebad 40%, #adebad, #adebad 60%, #9999ff)
 
| Colorful = linear-gradient(to right, #ff9999,#adebad 40%, #adebad, #adebad 60%, #9999ff)
 
| #default= #e6e6e6
 
| #default= #e6e6e6
}}; {{roundy|{{{roundy|9px}}}}}; {{#if:{{{display|}}}|display:{{{display|inline-block}}};}} text-align:center; padding:3px; margin:{{{margin|3px}}}; {{#if:{{{small|}}}|width:{{{width|6px}}}; line-height:{{{height|6px}}}; display:inline-block;">&nbsp;</div><div style="display:inline-block;"><small>{{{1|Unknown}}}</small></div>| width:{{{width|4.5em}}}; {{#if:{{{height|}}}|line-height:{{{height|}}};}}"><small>{{{1|Unknown}}}</small></div>}}<noinclude>
+
}}; {{roundy|{{{roundy|9px}}}}}; {{#if:{{{display|}}}|display:{{{display|inline-block}}};}} text-align:center; padding:3px; margin:{{{margin|3px}}}; {{#if:{{{small|}}}|width:{{{width|6px}}}; line-height:{{{height|6px}}}; display:inline-block;">&nbsp;</div><div style="display:inline-block;"><small>{{{1|N/A}}}</small></div>| width:{{{width|4.5em}}}; {{#if:{{{height|}}}|line-height:{{{height|}}};}}"><small>{{{1|N/A}}}</small></div>}}<noinclude>
  
 
==Usage==
 
==Usage==
Line 47: Line 47:
 
{{Color|<color>|height=<optional>|width=<optional>|margin=<optional>|display=<optional>|roundy=<optional>|small=<optional>}}
 
{{Color|<color>|height=<optional>|width=<optional>|margin=<optional>|display=<optional>|roundy=<optional>|small=<optional>}}
 
</pre>
 
</pre>
Creates a div with a background of a given color, with a color name centered inside. If no value is entered, default color is used and box displays 'Unknown'. Setting any value for <code>small</code> will result in the colored box being placed to the left of the text rather than enveloping it.
+
Creates a div with a background of a given color, with a color name centered inside. If no value is entered, default color is used and box displays 'N/A'. Setting any value for <code>small</code> will result in the colored box being placed to the left of the text rather than enveloping it.
  
 
{| style="border-collapse:collapse;"
 
{| style="border-collapse:collapse;"

Revision as of 05:51, April 20, 2020

N/A

Usage

{{Color|<color>|height=<optional>|width=<optional>|margin=<optional>|display=<optional>|roundy=<optional>|small=<optional>}}

Creates a div with a background of a given color, with a color name centered inside. If no value is entered, default color is used and box displays 'N/A'. Setting any value for small will result in the colored box being placed to the left of the text rather than enveloping it.

 Supported Colors
Red
Green
Blue
Yellow
Orange
Pink
Purple
L. Blue
Beige
Brown
Gray
White
Colorful
Black
Default