Difference between revisions of "Template:ItemStack"

Latest revision as of 07:40, 10 June 2023

Template documentation [view] [edit] [history] [purge]

Description: A template to generate stack counter for item icons.; Interestingly, the two main arguments of this template will work with most (if not all) existing viewer templates and can be used as a generic way to overlay text.
Standard usage with 50px item images

{{ItemStack
|item = [[File:Item Icon Improvement Material.png{{!}}50px{{!}}link=]]
|text = x7
}}

x7

Main arguments

item

The background image. Default value is

text

The overlay text (images and audio also work). Defaults to default-text or empty string.

link

Embedded link using clickbox overlay.

[1]

Used for nested ItemStack calls, the generated element will be block-level.

Styling arguments

font-size

Set the size of the overlay text. Default value is 12px

text-position

Set the position of the overlay text. Default value is right:4px;bottom:-18px

position

Set the position of the overlay generated by nested ItemStack call.

text-color

Set the color of the text. Default value is f61

glow-size

Set the glow size of the text. Default value is 5px

glow-color

Set the color of the glow. Default value is fff

clickbox-opacity

Set the opacity of clickbox from 0 to 1 (used for aligning clickbox). Default value is 0.

clickbox-size

Set the size of the clickbox

clickbox-pos

Set the position of the clickbox

Custom usage with Template:Equipment/Card

{{ItemStack
|item = {{Equipment/Card|Prototype 51cm Twin Gun Mount|size=100px}}
|text-position = bottom:-40px;right:6px;
|font-size = 18px
|text = x9000
|glow-size = 15px
|text-color = fff
|glow-color = f00
}}

x9000

Nesting template usage

{{ItemStack
|item = {{Ship/Card|Ikazuchi/Kai|size=218px}}
|position = left:130px;
|{{ItemStack
|item = {{Ship/Card|Hibiki/Kai|size=218px}}
|position = left:130px;
|{{ItemStack
|item = {{Ship/Card|Akatsuki/Kai|size=218px}}
|position = left:130px;
|{{ItemStack
|item = {{Ship/Card|Inazuma/Kai|size=218px}}
|text = DesDiv6
|text-position = bottom:-130px;right:5px
|font-size = 20px
}}}}}}}}

DesDiv6

Image overlay

{{ItemStack
|item = {{Ship/Card|Ikazuchi/Kai|size=218px}}
|text-position = bottom:-135px;right:5px
|text = [[File:Marriage Ring Icon.png]]
}}

@@ Line 1: / Line 1: @@
-<span style="position:relative;display:{{#if:{{{1|}}}|block|inline}};">{{{item|[[File:Empty equipment card slot.png{{!}}50px{{!}}link={{{link|}}}]]}}}<span style="
+<span style="position:relative;display:{{#if:{{{1|}}}|block|inline}};">{{{item|[[File:Empty Equipment Card.png{{!}}50px{{!}}link={{{link|}}}]]}}}<span style="
    font-size:{{{font-size|12px}}};
    font-weight:800;
    position:absolute;
+  pointer-events:none;
    color:#{{{text-color|f61}}};
    {{#if:{{{1|}}}|{{{position|}}}|{{{text-position|right:4px;bottom:-18px}}}}};
@@ Line 25: / Line 26: @@
    font-weight:800;
    position:absolute;
+  pointer-events:none;
    color:#{{{text-color2|{{{text-color|f61}}}}}};
    {{#if:{{{2|}}}|{{{position2|}}}|{{{text-position2|right:4px;bottom:18px}}}}};