Template:Item: Difference between revisions

From The Unofficial Isekai:Slow Life Wiki
Jump to navigation Jump to search
mNo edit summary
mNo edit summary
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
{| style="display: inline-block; margin: 5px; 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: 3px solid #B3825B; width: 54px; height: 54px; border-radius: 3px; position: relative; cursor: pointer; {{#switch: {{uc:{{{rarity|}}}}}
   | UR      = background: radial-gradient(circle, #F65E55, #B5423F);
   | UR      = background: radial-gradient(circle, #F65E55, #B5423F);
   | SSR      = background: radial-gradient(circle, #F3C359, #9D5C28);
   | SSR      = background: radial-gradient(circle, #F3C359, #9D5C28);
Line 5: Line 5:
   | R        = background: radial-gradient(circle, #2F516E, #131C2D);
   | R        = background: radial-gradient(circle, #2F516E, #131C2D);
   | N        = background: radial-gradient(circle, #41795A, #274136);
   | N        = background: radial-gradient(circle, #41795A, #274136);
   | #default = background: radial-gradient(circle, white, lightgray);
   | #default = background: radial-gradient(circle, #835D44, #422820);
}}"
}}"
| <div style="padding: 3.5px 0 0 3.5px; font-size: 8px;">[[File:{{{img|Sprite_Skill_Pearl.png}}}|link={{{name|}}}]]</div>
| <div style="padding: 3.5px 0 0 3.5px; font-size: 8px;">[[File:{{{img|Sprite_Skill_Pearl.png}}}|link={{{name|}}}]]</div>
| <span style="position: absolute; bottom: 0px; right: 5px; color: white; font-weight: bold; font-size: 12px; text-shadow: 2px 2px 5px black;">{{{num}}}</span>
| <span style="position: absolute; bottom: 0px; right: 5px; color: white; font-weight: bold; font-size: 12px; text-shadow: 2px 2px 5px black;">{{{num|}}}</span>
|}
|}
<noinclude>
<noinclude>
Line 21: Line 21:
<templatedata>
<templatedata>
{
{
"description": "This template renders an item icon.",
"params": {
"params": {
"img": {
"img": {
Line 26: Line 27:
"type": "wiki-file-name",
"type": "wiki-file-name",
"suggested": true,
"suggested": true,
"example": "Item_Icon.png",
"example": "Sprite_Skill_Pearl.png"
"default": "Sprite_Skill_Pearl.png"
},
},
"rarity": {
"name": {
"description": "The rarity determines the background color of the icon.",
"description": "The item's page name is listed here and will direct the user to that page upon click.",
"type": "string",
"type": "wiki-page-name",
"default": "background: radial-gradient(circle, white, lightgray);",
"required": true
"required": true
},
},
Line 41: Line 40:
"suggested": true
"suggested": true
},
},
"name": {
"rarity": {
"description": "The item's page name is listed here and will direct the user to that page upon click.",
"description": "The rarity determines the background color of the icon.",
"type": "wiki-page-name",
"type": "string",
"required": true
"default": "background: radial-gradient(circle, #835D44, #422820);",
"suggested": true
}
}
},
},
Line 52: Line 52:
"rarity",
"rarity",
"num"
"num"
],
]
"description": "This template renders an item icon."
}
}
</templatedata>
</templatedata>
</noinclude>
</noinclude>

Latest revision as of 14:18, 24 July 2025

Template:

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

This template renders an item icon.

[Edit template data]

Template parameters

ParameterDescriptionTypeStatus
namename

The item's page name is listed here and will direct the user to that page upon click.

Page namerequired
imgimg

The item icon image is listed here. Do not use the "File:" prefix.

Example
Sprite_Skill_Pearl.png
Filesuggested
rarityrarity

The rarity determines the background color of the icon.

Default
background: radial-gradient(circle, #835D44, #422820);
Stringsuggested
quantitynum

The quantity of the item is listed here.

Numbersuggested