Template:Item: Difference between revisions

Revision as of 22:19, 3 April 2025

0

This template renders an item icon.

[Edit template data]
Template parameters
Parameter		Description	Type	Status
name	`name`	The item's page name is listed here and will direct the user to that page upon click.	Page name	suggested
img	`img`	The item icon image is listed here. Do not use the "File:" prefix. Default Item_Skill_Pearl.png Example Item_Icon.png	File	suggested
rarity	`rarity`	The rarity determines the background color of the icon. Default background: radial-gradient(circle, white, lightgray);	String	suggested
quantity	`num`	The quantity of the item is listed here. Default 0	Number	suggested

How to use:

{{Item
  | name   =
  | img    =
  | rarity =
  | num    =
}}

@@ Line 1: / Line 1: @@
-{| style="display: inline-block; margin-right: 10px; border: 2px solid #895C40; width: 54px; height: 54px; border-radius: 2px; position: relative; cursor: pointer; {{#switch: {{uc:{{{rarity|}}}}}
+{| style="display: inline-block; margin: 5px; border: 2px solid #895C40; width: 54px; height: 54px; border-radius: 2px; position: relative; cursor: pointer; {{#switch: {{uc:{{{rarity|}}}}}
    | UR       = background: radial-gradient(circle, #F65E55, #B5423F);
    | SSR      = background: radial-gradient(circle, #F3C359, #9D5C28);
    | SR       = background: radial-gradient(circle, #6A3F84, #32203A);
    | R        = background: radial-gradient(circle, #2F516E, #131C2D);
+  | N        = background: radial-gradient(circle, #41795A, #274136);
    | #default = background: radial-gradient(circle, white, lightgray);
 }}"
-| <div style="padding: 3.5px 0 0 3.5px;">[[File:{{{img|Item_Skill_Pearl.png}}}|link={{{name|}}}]]</div>
+| <div style="padding: 3.5px 0 0 3.5px; font-size: 8px;">[[File:{{{img|Item_Skill_Pearl.png}}}|link={{{name|}}}]]</div>
 | <span style="position: absolute; bottom: 0px; right: 5px; color: white; font-weight: bold; font-size: 14px; text-shadow: 2px 2px 5px black;">{{{num|0}}}</span>
 |}
 <noinclude>
 <templatedata>