Template:ItemBox: Difference between revisionsGive feedback
Jump to navigation
Jump to search
Add overlay-b25-o10 and overlay2-b25-o10 (file 2) switch values for finetuning (with help from vergir-bot LLM) |
Add overlay3-b25-o10 (file 3) switch value for comparison (with help from vergir-bot LLM) |
||
| Line 47: | Line 47: | ||
overlay-o05. Darkened-grain grid overlay-bBB-oOO (brightness .BB, | overlay-o05. Darkened-grain grid overlay-bBB-oOO (brightness .BB, | ||
opacity .OO) so the grain deepens dark cards rather than lightening. | opacity .OO) so the grain deepens dark cards rather than lightening. | ||
Append the second alpha file with overlay2- | Append the second/third alpha file with overlay2-/overlay3-. | ||
mask / mask-soft / mask-crisp / mask-crisp-soft - dead ends kept for | mask / mask-soft / mask-crisp / mask-crisp-soft - dead ends kept for | ||
reference; they fake the paper from the opaque PNGs and look wrong | reference; they fake the paper from the opaque PNGs and look wrong | ||
-->{{#vardefine:lite|{{#switch:{{{wearMask|}}}|no=itembox-flat-wear|ramp=itembox-ramp-wear|soft=itembox-soft-wear}} {{#ifeq:{{{iconMask|}}}|no|itembox-flat-icon}} {{#switch:{{{texture|}}}|no=itembox-no-texture|1=itembox-force-tex-1|2=itembox-force-tex-2|3=itembox-force-tex-3|blend=itembox-blend-texture|blend1=itembox-blend-texture itembox-blend-tex-1|blend2=itembox-blend-texture itembox-blend-tex-2|blend3=itembox-blend-texture itembox-blend-tex-3|overlay=itembox-over-texture|overlay-soft=itembox-over-texture itembox-over-soft|overlay-o30=itembox-over-texture itembox-over-o30|overlay-o20=itembox-over-texture itembox-over-o20|overlay-o10=itembox-over-texture itembox-over-o10|overlay-o05=itembox-over-texture itembox-over-o05|overlay-b20-o40=itembox-over-texture itembox-over-b20-o40|overlay-b20-o60=itembox-over-texture itembox-over-b20-o60|overlay-b20-o80=itembox-over-texture itembox-over-b20-o80|overlay-b25-o10=itembox-over-texture itembox-over-b25-o10|overlay2-b25-o10=itembox-over-texture itembox-over-b25-o10 itembox-over-file2|overlay-b35-o40=itembox-over-texture itembox-over-b35-o40|overlay-b35-o60=itembox-over-texture itembox-over-b35-o60|overlay-b35-o80=itembox-over-texture itembox-over-b35-o80|overlay-b35-o100=itembox-over-texture itembox-over-b35-o100|overlay-b50-o60=itembox-over-texture itembox-over-b50-o60|overlay-b50-o80=itembox-over-texture itembox-over-b50-o80|overlay-b50-o100=itembox-over-texture itembox-over-b50-o100|mask=itembox-mask-texture itembox-mask-any-texture|mask-soft=itembox-mask-soft-texture itembox-mask-any-texture|mask-crisp=itembox-mask-crisp-texture itembox-mask-any-texture|mask-crisp-soft=itembox-mask-crisp-soft-texture itembox-mask-any-texture}}}}<!-- | -->{{#vardefine:lite|{{#switch:{{{wearMask|}}}|no=itembox-flat-wear|ramp=itembox-ramp-wear|soft=itembox-soft-wear}} {{#ifeq:{{{iconMask|}}}|no|itembox-flat-icon}} {{#switch:{{{texture|}}}|no=itembox-no-texture|1=itembox-force-tex-1|2=itembox-force-tex-2|3=itembox-force-tex-3|blend=itembox-blend-texture|blend1=itembox-blend-texture itembox-blend-tex-1|blend2=itembox-blend-texture itembox-blend-tex-2|blend3=itembox-blend-texture itembox-blend-tex-3|overlay=itembox-over-texture|overlay-soft=itembox-over-texture itembox-over-soft|overlay-o30=itembox-over-texture itembox-over-o30|overlay-o20=itembox-over-texture itembox-over-o20|overlay-o10=itembox-over-texture itembox-over-o10|overlay-o05=itembox-over-texture itembox-over-o05|overlay-b20-o40=itembox-over-texture itembox-over-b20-o40|overlay-b20-o60=itembox-over-texture itembox-over-b20-o60|overlay-b20-o80=itembox-over-texture itembox-over-b20-o80|overlay-b25-o10=itembox-over-texture itembox-over-b25-o10|overlay2-b25-o10=itembox-over-texture itembox-over-b25-o10 itembox-over-file2|overlay3-b25-o10=itembox-over-texture itembox-over-b25-o10 itembox-over-file3|overlay-b35-o40=itembox-over-texture itembox-over-b35-o40|overlay-b35-o60=itembox-over-texture itembox-over-b35-o60|overlay-b35-o80=itembox-over-texture itembox-over-b35-o80|overlay-b35-o100=itembox-over-texture itembox-over-b35-o100|overlay-b50-o60=itembox-over-texture itembox-over-b50-o60|overlay-b50-o80=itembox-over-texture itembox-over-b50-o80|overlay-b50-o100=itembox-over-texture itembox-over-b50-o100|mask=itembox-mask-texture itembox-mask-any-texture|mask-soft=itembox-mask-soft-texture itembox-mask-any-texture|mask-crisp=itembox-mask-crisp-texture itembox-mask-any-texture|mask-crisp-soft=itembox-mask-crisp-soft-texture itembox-mask-any-texture}}}}<!-- | ||
Links. | Links. | ||
Revision as of 23:36, 24 July 2026
This template uses CSS found at ItemBox/styles.css.
Usage
{{ItemBox}} renders a Deadlock shop item as a card: icon, tier art, and the item name auto-sized to fit. Pass an item name and everything else — tier, slot, tags, image — is pulled from Module:ItemData.
{{ItemBox|Extended Magazine}}
Parameters
| Parameter | Description | Type | Status | |
|---|---|---|---|---|
| itemName | itemName 1 | Item name; keys into Module:ItemData. Positional.
| String | required |
| size | size | Scales the whole card. 1 = default (80px wide), 1.5 = 150%, 0.75 = 75%.
| Number | optional |
| showTierTag | showTierTag | Set to true to show the tier corner badge.
| Boolean | optional |
| lowGraphics | lowGraphics | Set to true for pages that place many cards at once (the card navboxes). Swaps the paper texture to a cacheable overlay so scrolling stays smooth; the look is nearly identical.
| Boolean | optional |
| overrideDisplayName | overrideDisplayName | Replaces the name shown on the card.
| String | optional |
| overrideTier | overrideTier | Replaces the card's tier.
| Number | optional |
| overrideSlot | overrideSlot | Replaces the card's background (type).
| String | optional |
| overrideIsActive | overrideIsActive | Forces the ACTIVE tag on or off.
| Boolean | optional |
| overrideIsImbue | overrideIsImbue | Forces the IMBUE tag on or off.
| Boolean | optional |
| overrideLinkTooltip | overrideLinkTooltip | Page the hover tooltip reads its info from.
| String | optional |
| overrideLinkImage | overrideLinkImage | Page/file the icon image comes from.
| String | optional |
| overrideLinkClick | overrideLinkClick | Page the card links to when clicked.
| String | optional |
Examples
Basic
{{ItemBox|Close Quarters}}
{{ItemBox|Spirit Shredder Bullets}}
{{ItemBox|Silencer}}
{{ItemBox|Extra Health}}
{{ItemBox|Echo Shard}}
{{ItemBox|Celestial Blessing}}
Tier tag
{{ItemBox|Extended Magazine|showTierTag = true}}
{{ItemBox|Berserker|showTierTag = true}}
{{ItemBox|Echo Shard|showTierTag = true}}
{{ItemBox|Celestial Blessing|showTierTag = true}}
Size
{{ItemBox|Extended Magazine|size = 0.75}}
{{ItemBox|Extended Magazine}}
{{ItemBox|Extended Magazine|size = 1.5}}
Low graphics
For pages that place many cards at once. The paper texture becomes a single cacheable overlay so scrolling stays smooth; the look is nearly identical.
{{ItemBox|Extra Health}}
{{ItemBox|Kinetic Dash}}
{{ItemBox|Metal Skin}}
{{ItemBox|Echo Shard}}
{{ItemBox|Extra Health|lowGraphics = true}}
{{ItemBox|Kinetic Dash|lowGraphics = true}}
{{ItemBox|Metal Skin|lowGraphics = true}}
{{ItemBox|Echo Shard|lowGraphics = true}}
Normal
Low graphics
Overrides
{{ItemBox|High-Velocity Rounds|overrideDisplayName = Test Name}}
{{ItemBox|Intensifying Magazine|overrideTier = 4}}
{{ItemBox|Weakening Headshot|overrideSlot = Spirit}}
{{ItemBox|Recharging Rush|overrideIsActive = true}}
{{ItemBox|Alchemical Fire|overrideIsImbue = true}}
{{ItemBox|Bullet Lifesteal|overrideLinkClick = Heroes}}
References
- Item data — Data:ItemData.json, read by Module:ItemData
- Name sizing and texture variety — Module:ItemBox
- Card styling — Template:ItemBox/styles.css