From Dark and Darker Wiki

(example was wrong)
m (Adjusted the 'iconamount' span to not interact w/ the pointer. This allows the image to be clickable through the amount #. (Before it wouldn't work))
Line 14: Line 14:
AMOUNT
AMOUNT
-->{{#if:{{{amount|}}}|<!--
-->{{#if:{{{amount|}}}|<!--
--><span class="iconamount">{{{amount}}}</span><!--
--><span class="iconamount" style="pointer-events:none">{{{amount}}}</span><!--
-->|}}<!--
-->|}}<!--
--></div><!--
--></div><!--

Revision as of 21:50, 7 December 2023


Usage

This template can be used by entering the following onto a relevant page. Do not use this on your user page. It is reserved for content pages.

{{Iconbox|Acid|size=30px|caption=caption|amount=1|rarity=1}}

Examples

Code Preview
{{Iconbox|Weapons}}Accessing Weapons.png
{{Iconbox|Arming Sword|image=Armingsword_1.png}}
{{Iconbox|Arming Sword|image=Armingsword_1.png|caption=Foobar}}
{{Iconbox|Arming Sword|image=Armingsword_1.png|caption=no}}
Arming Sword
{{Iconbox|Arming Sword|image=Armingsword_1.png|top=Foobar}}
{{Iconbox|Arming Sword|image=Armingsword_1.png|rarity=-1}}


{{Iconbox|Arming Sword|image=Arming Sword 0.png|rarity=0}}
{{Iconbox|Arming Sword|image=Arming Sword 1.png|rarity=1}}
{{Iconbox|Arming Sword|image=Arming Sword 2.png|rarity=2}}
{{Iconbox|Arming Sword|image=Arming Sword 3.png|rarity=3}}
{{Iconbox|Arming Sword|image=Arming Sword 4.png|rarity=4}}
{{Iconbox|Arming Sword|image=Arming Sword 5.png|rarity=5}}
{{Iconbox|Arming Sword|image=Arming Sword 6.png|rarity=6}}
{{Iconbox|Arming Sword|image=Arming Sword 7.png|rarity=7}}
{{Iconbox|Adventurer Boots Ruby Silver|image=Adventurer Boots Ruby Silver.png|rarity=Ruby Silver}}
{{Iconbox|Frock|image=Frock Cobalt.png|rarity=4}}

{{Iconbox|Arming Sword|image=Armingsword_1.png|nolink=1}}
Armingsword 1.png
Arming Sword
{{Iconbox|Arming Sword|image=Armingsword_1.png|size=30px}}
{{Iconbox|Arming Sword|image=Armingsword_1.png|size=x30px}}
{{Iconbox|Arming Sword|image=Armingsword_1.png|size=30px|nobr=1}}
{{Iconbox|Arming Sword|image=Armingsword_1.png|size=30px|nobr=1|top=Foobar}}
{{Iconbox|Rubysilver Ore|size=30px|amount=5|top=Foobar}}

Other Options

The maxwidth option lets you restrain text that would otherwise be very long:

{{Iconbox|Arming Sword|image=Armingsword_1.png|size=60px|top=This text is quite long but maxwidth restrains it|maxwidth=120px}}

Arming Sword
This text is quite long but maxwidth restrains itArming Sword

Without max width:

Arming Sword
This text is quite long but maxwidth restrains itArming Sword


No description.

Template parameters

ParameterDescriptionTypeStatus
Namename 1

Name of the character/item/weapon

Stringrequired
Rarityrarity

Options: -1, 1, 2, 3, 4, 5, 6, 7

Numbersuggested
Sizesize

Size with px to set width, eg. "30px" Size with xpx to set height, eg. "x30px"

Stringsuggested
Amountamount

Shows a number on the bottom right corner

Numbersuggested
Image Overrideimage

If not set, uses the image that matches the name

Stringsuggested
Caption Overridecaption

If not set, uses the specified name. Always links to the name. Use "no" to hide the caption

Stringsuggested
Top Texttop

Shown above the caption

Unknownsuggested
Prevent Line Breaks?nobr

If enabled, removes the line break, putting the icon and text on a single line. Use 1 to enable

Booleansuggested
Max Widthmaxwidth

If set, constrains the box to the specified width. Accepts any valid CSS width (60px, 60%). If not set, uses max-width:initial.

Example
60px
Stringsuggested