- Welcome to the Kancolle Wiki!
- If you have any questions regarding site content, account registration, etc., please visit the KanColle Wiki Discord
Difference between revisions of "Template:ItemStack"
Jump to navigation
Jump to search
m (Try to prevent underlay mouse pointer events blocked by stacked texts) |
|||
| (3 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
| − | <span style="position:relative;display:{{#if:{{{1|}}}|block|inline}};">{{{item|[[File:Empty | + | <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-size:{{{font-size|12px}}}; | ||
font-weight:800; | font-weight:800; | ||
position:absolute; | position:absolute; | ||
| + | pointer-events:none; | ||
color:#{{{text-color|f61}}}; | color:#{{{text-color|f61}}}; | ||
{{#if:{{{1|}}}|{{{position|}}}|{{{text-position|right:4px;bottom:-18px}}}}}; | {{#if:{{{1|}}}|{{{position|}}}|{{{text-position|right:4px;bottom:-18px}}}}}; | ||
| Line 25: | Line 26: | ||
font-weight:800; | font-weight:800; | ||
position:absolute; | position:absolute; | ||
| + | pointer-events:none; | ||
color:#{{{text-color2|{{{text-color|f61}}}}}}; | color:#{{{text-color2|{{{text-color|f61}}}}}}; | ||
{{#if:{{{2|}}}|{{{position2|}}}|{{{text-position2|right:4px;bottom:18px}}}}}; | {{#if:{{{2|}}}|{{{position2|}}}|{{{text-position2|right:4px;bottom:18px}}}}}; | ||
Latest revision as of 07:40, 10 June 2023
- 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
- The background image. Default value is
text- The overlay text (images and audio also work). Defaults to
default-textor empty string.
- The overlay text (images and audio also work). Defaults to
link- Embedded link using clickbox overlay.
[1]- Used for nested
ItemStackcalls, the generated element will be block-level.
- Used for nested
- 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
ItemStackcall.
- Set the position of the overlay generated by nested
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]]
}}
