From Dark and Darker Wiki

(Fixed size example)
(Fix for link=nolink for Infobox.)
 
(14 intermediate revisions by 4 users not shown)
Line 1: Line 1:
<includeonly><!--
<includeonly><!--
--><div class="iconbox" style="display:inline-block;{{#if:{{{maxwidth|}}}|max-width:{{{maxwidth}}}|max-width:initial;}}"><!--
 
--><div class="iconbox" style="display:inline-flex;width:max-content;max-width:{{{maxwidth|initial}}}; {{#ifeq:{{{nobr}}}|1||flex-direction: column;}}align-items: center;flex-wrap: wrap; white-space: pre-wrap;"><!--
ICON
ICON
--><div class="rarity<!--
--><div class="rarity{{{rarity|-1}}} rounded relative"><!--
    -->{{#ifeq:{{{rarity|}}}|Ruby Silver|5|{{{rarity|}}}}}<!--
    --> rounded relative"><!--
IMAGE
IMAGE
-->{{#ifeq:{{{nolink|}}}|1|<!--
-->{{#switch:1
No image link:
|{{#if:{{{nolink|}}}{{#ifeq:{{{link|}}}|nolink|1}}|1}}=
-->[[File:{{{image|{{{name|{{{1|}}}}}}.png}}}|{{{size|60px}}}]]|<!--
[[File:{{{image|{{{name|{{{1|}}}}}}.png}}}|{{{size|60px}}}|link=]]
            Has image link:
|{{#if:{{{link|}}}|1}}=
-->[[File:{{{image|{{{name|{{{1|}}}}}}.png}}}|{{{size|60px}}}|link={{{name|{{{1|}}}}}}|{{{name|{{{1|}}}}}}]]<!--
[[File:{{{image|{{{name|{{{1|}}}}}}.png}}}|{{{size|60px}}}|link={{{link}}}]]
-->}}<!--
|#default=
[[File:{{{image|{{{name|{{{1|}}}}}}.png}}}|{{{size|60px}}}|link={{{name|{{{1|}}}}}}|{{{name|{{{1|}}}}}}]]}}<!--
AMOUNT
AMOUNT
-->{{#if:{{{amount|}}}|<!--
-->{{#if:{{{amount|}}}
--><span class="iconamount">{{{amount}}}</span><!--
|<span class="iconamount" style="pointer-events:none">{{{amount}}}</span>}}</div><!--
-->|}}<!--
--></div><!--
TOP
TOP
-->{{#if:{{{top|}}}|<!--
-->{{#if:{{{top|}}}
-->{{#ifeq:{{{nobr}}}|1|<!--empty space (nobr)-->&nbsp;&nbsp;|<br>}}<!--
|{{{top}}}}}<!--
-->{{{top}}}<!--
-->|}}<!--
CAPTION
CAPTION
-->{{#ifeq:{{{caption}}}|no|<!--no caption-->|<!--
-->{{#switch:1
-->{{#ifeq:{{{nobr}}}|1|<!--empty space (nobr)-->&nbsp;&nbsp;|<br>}}<!--
<!--If caption equals no, do nothing -->
-->{{#ifeq:{{{nolink|}}}|1|<!--
|{{#ifeq:{{{caption}}}|no|1}}=<!--
LINK: No
Elif nolink equals 1 AND caption exists, display caption in bold font -->
-->{{#if:{{{caption|}}}|<!--
|{{#ifeq:{{{nolink|}}}|1|{{#if:{{{caption|}}}|1}} }}=
CAPTION: Custom
<strong>{{{caption}}}</strong><!--
--><strong>{{{caption}}}</strong><!--
Elif nolink equals 1, display name/first parameter in bold font -->
                    -->|<!--
|{{#ifeq:{{{nolink|}}}|1|1}}=
CAPTION: Auto
<strong>{{{name|{{{1|}}}}}}</strong><!--
--><strong>{{{name|{{{1|}}}}}}</strong><!--
Elif link exists AND caption exists, display caption hyperlinked to link -->
-->}}<!--
|{{#if:{{{link|}}}|{{#if:{{{caption|}}}|1}} }}=
-->|<!--
[[{{{link}}}|<strong>{{{caption}}} </strong>]]<!--
LINK: Yes
Elif link exists, display name/first parameter hyperlinked to link -->
-->{{#if:{{{caption|}}}|<!--
|{{#if:{{{link|}}}|1}}=
CAPTION: Custom
[[{{{link}}}|<strong>{{{name|{{{1|}}}}}}</strong>]]<!--
-->[[{{{name|{{{1|}}}}}}|<strong>{{{caption}}}</strong>]]<!--
Elif caption exists, display name/first parameter hyperlinked to caption -->
                    -->|<!--
|{{#if:{{{caption|}}}|1}}=
CAPTION: Auto
[[{{{name|{{{1|}}}}}}|<strong>{{{caption}}} </strong>]]<!--
-->[[{{{name|{{{1|}}}}}}|<strong>{{{name|{{{1|}}}}}}</strong>]]<!--
Else display name/first parameter hyperlinked to itself -->
-->}}<!--
|#default=
-->}}<!--
[[{{{name|{{{1|}}}}}}|<strong>{{{name|{{{1|}}}}}}</strong>]]}}</div><!--
-->}}<!--
 
--></div><!--
--></includeonly><noinclude>
--></includeonly><noinclude>
==Usage==
==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.
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.
Line 54: Line 48:


==Examples==
==Examples==
{| class="wikitable"
<table class="wikitable">
|+
<th>
!Code
Code
!Preview
</th>
|-
<th>
|<code><nowiki>{{Iconbox|Weapons}}</nowiki>Accessing Weapons.png</code>
Preview
|{{Iconbox|Weapons}}
</th>
|-
<tr>
|<code><nowiki>{{Iconbox|Arming Sword|image=Armingsword_1.png}}</nowiki></code>
<td><code><nowiki>{{Iconbox|Weapons}}</nowiki>Accessing Weapons.png</code></td>
|{{Iconbox|Arming Sword|image=Armingsword_1.png}}
<td>{{Iconbox|Weapons}}</td>
|-
</tr>
|<code><nowiki>{{Iconbox|Arming Sword|image=Armingsword_1.png|caption=Foobar}}</nowiki></code>
<tr>
|{{Iconbox|Arming Sword|image=Armingsword_1.png|caption=Foobar}}
<td><code><nowiki>{{Iconbox|Arming Sword|image=Armingsword_1.png}}</nowiki></code></td>
|-
<td>{{Iconbox|Arming Sword|image=Armingsword_1.png}}</td>
|<code><nowiki>{{Iconbox|Arming Sword|image=Armingsword_1.png|caption=no}}</nowiki></code>
</tr>
|{{Iconbox|Arming Sword|image=Armingsword_1.png|caption=no}}
<tr>
|-
<td><code><nowiki>{{Iconbox|Arming Sword|image=Armingsword_1.png|caption=Foobar|link=Falchion}}</nowiki></code></td>
|<code><nowiki>{{Iconbox|Arming Sword|image=Armingsword_1.png|top=Foobar}}</nowiki></code>
<td>{{Iconbox|Arming Sword|image=Armingsword_1.png|caption=Foobar|link=Falchion}}</td>
|{{Iconbox|Arming Sword|image=Armingsword_1.png|top=Foobar}}
</tr>
|-
<tr>
|<code><nowiki>{{Iconbox|Arming Sword|image=Armingsword_1.png|rarity=-1}}</nowiki></code>
<td><code><nowiki>{{Iconbox|Arming Sword|image=Armingsword_1.png|caption=Foobar|link=Falchion|nolink=1}}</nowiki></code></td>
<br><code><nowiki>{{Iconbox|Arming Sword|image=Arming Sword 0.png|rarity=0}}</nowiki></code>
<td>{{Iconbox|Arming Sword|image=Armingsword_1.png|caption=Foobar|link=Falchion|nolink=1}}</td>
<br><code><nowiki>{{Iconbox|Arming Sword|image=Arming Sword 1.png|rarity=1}}</nowiki></code>
</tr>
<br><code><nowiki>{{Iconbox|Arming Sword|image=Arming Sword 2.png|rarity=2}}</nowiki></code>
<tr>
<br><code><nowiki>{{Iconbox|Arming Sword|image=Arming Sword 3.png|rarity=3}}</nowiki></code>
<td><code><nowiki>{{Iconbox|Arming Sword|image=Armingsword_1.png|caption=Foobar}}</nowiki></code></td>
<br><code><nowiki>{{Iconbox|Arming Sword|image=Arming Sword 4.png|rarity=4}}</nowiki></code>
<td>{{Iconbox|Arming Sword|image=Armingsword_1.png|caption=Foobar}}</td>
<br><code><nowiki>{{Iconbox|Arming Sword|image=Arming Sword 5.png|rarity=5}}</nowiki></code>
</tr>
<br><code><nowiki>{{Iconbox|Arming Sword|image=Arming Sword 6.png|rarity=6}}</nowiki></code>
<tr>
<br><code><nowiki>{{Iconbox|Arming Sword|image=Arming Sword 7.png|rarity=7}}</nowiki></code>
<td><code><nowiki>{{Iconbox|Arming Sword|image=Armingsword_1.png|caption=no}}</nowiki></code></td>
<br><code><nowiki>{{Iconbox|Adventurer Boots Ruby Silver|image=Adventurer Boots Ruby Silver.png|rarity=Ruby Silver}}</nowiki></code>
<td>{{Iconbox|Arming Sword|image=Armingsword_1.png|caption=no}}</td>
|{{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|Arming Sword|image=Adventurer Boots Ruby Silver.png|rarity=Ruby Silver}}
</tr>
|-
<tr>
|<code><nowiki>{{Iconbox|Arming Sword|image=Armingsword_1.png|nolink=1}}</nowiki></code>
<td><code><nowiki>{{Iconbox|Arming Sword|image=Armingsword_1.png|top=Foobar}}</nowiki></code></td>
|{{Iconbox|Arming Sword|image=Armingsword_1.png|nolink=1}}
<td>{{Iconbox|Arming Sword|image=Armingsword_1.png|top=Foobar}}</td>
|-
</tr>
|<code><nowiki>{{Iconbox|Arming Sword|image=Armingsword_1.png|size=30px}}</nowiki></code>
<tr>
|{{Iconbox|Arming Sword|image=Armingsword_1.png|size=30px}}
<td>
|-
<code><nowiki>{{Iconbox|Arming Sword|image=Armingsword_1.png|rarity=-1}}</nowiki></code>
|<code><nowiki>{{Iconbox|Arming Sword|image=Armingsword_1.png|size=x30px}}</nowiki></code>
<br><code><nowiki>{{Iconbox|Arming Sword|image=Arming Sword 0.png|rarity=0}}</nowiki></code>
|{{Iconbox|Arming Sword|image=Armingsword_1.png|size=x30px}}
<br><code><nowiki>{{Iconbox|Arming Sword|image=Arming Sword 1.png|rarity=1}}</nowiki></code>
|-
<br><code><nowiki>{{Iconbox|Arming Sword|image=Arming Sword 2.png|rarity=2}}</nowiki></code>
|<code><nowiki>{{Iconbox|Arming Sword|image=Armingsword_1.png|size=30px|nobr=1}}</nowiki></code>
<br><code><nowiki>{{Iconbox|Arming Sword|image=Arming Sword 3.png|rarity=3}}</nowiki></code>
|{{Iconbox|Arming Sword|image=Armingsword_1.png|size=30px|nobr=1}}
<br><code><nowiki>{{Iconbox|Arming Sword|image=Arming Sword 4.png|rarity=4}}</nowiki></code>
|-
<br><code><nowiki>{{Iconbox|Arming Sword|image=Arming Sword 5.png|rarity=5}}</nowiki></code>
|<code><nowiki>{{Iconbox|Arming Sword|image=Armingsword_1.png|size=30px|nobr=1|top=Foobar}}</nowiki></code>
<br><code><nowiki>{{Iconbox|Arming Sword|image=Arming Sword 6.png|rarity=6}}</nowiki></code>
|{{Iconbox|Arming Sword|image=Armingsword_1.png|size=30px|nobr=1|top=Foobar}}
<br><code><nowiki>{{Iconbox|Arming Sword|image=Arming Sword 7.png|rarity=7}}</nowiki></code>
|}
<br><code><nowiki>{{Iconbox|Arming Sword|image=Adventurer Boots Ruby Silver.png|rarity=Ruby Silver}}</nowiki></code>
<br><code><nowiki>{{Iconbox|Frock|image=Frock Cobalt.png|rarity=4}}</nowiki></code>
</td>
<td>
{{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|Arming Sword|image=Adventurer Boots Ruby Silver.png|rarity=Ruby Silver}}
{{Iconbox|Frock|image=Frock Cobalt.png|rarity=4}}
</td>
<tr>
<td><code><nowiki>{{Iconbox|Arming Sword|image=Armingsword_1.png|nolink=1}}</nowiki></code></td>
<td>{{Iconbox|Arming Sword|image=Armingsword_1.png|nolink=1}}</td>
</tr>
<tr>
<td><code><nowiki>{{Iconbox|Arming Sword|image=Armingsword_1.png|size=30px}}</nowiki></code></td>
<td>{{Iconbox|Arming Sword|image=Armingsword_1.png|size=30px}}</td>
</tr>
<tr>
<td><code><nowiki>{{Iconbox|Arming Sword|image=Armingsword_1.png|size=x30px}}</nowiki></code></td>
<td>{{Iconbox|Arming Sword|image=Armingsword_1.png|size=x30px}}</td>
</tr>
<tr>
<td><code><nowiki>{{Iconbox|Arming Sword|image=Armingsword_1.png|size=30px|nobr=1}}</nowiki></code></td>
<td>{{Iconbox|Arming Sword|image=Armingsword_1.png|size=30px|nobr=1}}</td>
</tr>
<tr>
<td><code><nowiki>{{Iconbox|Arming Sword|image=Armingsword_1.png|size=30px|nobr=1|top=Foobar}}</nowiki></code></td>
<td>{{Iconbox|Arming Sword|image=Armingsword_1.png|size=30px|nobr=1|top=Foobar}}</td>
</tr>
<tr>
<td><code><nowiki>{{Iconbox|Rubysilver Ore|size=30px|amount=5|top=Foobar}}</nowiki></code></td>
<td>{{Iconbox|Rubysilver Ore|size=30px|amount=5|top=Foobar}}</td>
</tr>
</table>


=== Other Options ===
=== Other Options ===
Line 106: Line 140:


<code><nowiki>{{Iconbox|Arming Sword|image=Armingsword_1.png|size=60px|top=This text is quite long but maxwidth restrains it|maxwidth=120px}}</nowiki></code>
<code><nowiki>{{Iconbox|Arming Sword|image=Armingsword_1.png|size=60px|top=This text is quite long but maxwidth restrains it|maxwidth=120px}}</nowiki></code>
{{Iconbox|Arming Sword|image=Armingsword_1.png|size=60px|top=This text is quite long but maxwidth restrains it|maxwidth=120px}}
{{Iconbox|Arming Sword|image=Armingsword_1.png|size=60px|top=This text is quite long but maxwidth restrains it|maxwidth=120px}}Without max width:{{Iconbox|Arming Sword|image=Armingsword_1.png|size=60px|top=This text is quite long but maxwidth restrains it}}
 
</noinclude>
 
<templatedata>
{
"params": {
"maxwidth": {
"label": "Max Width",
"description": "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",
"type": "string",
"suggested": true
},
"rarity": {
"label": "Rarity",
"description": "Options: -1, 1, 2, 3, 4, 5, 6, 7",
"type": "number",
"suggested": true
},
"name": {
"aliases": [
"1"
],
"label": "Name",
"description": "Name of the character/item/weapon",
"type": "string",
"required": true,
"suggested": true
},
"image": {
"label": "Image Override",
"description": "If not set, uses the image that matches the name",
"type": "string",
"suggested": true
},
"size": {
"label": "Size",
"description": "Size with px to set width, eg. \"30px\" Size with xpx to set height, eg. \"x30px\"",
"type": "string",
"suggested": true
},
"amount": {
"label": "Amount",
"description": "Shows a number on the bottom right corner",
"type": "number",
"suggested": true
},
"top": {
"label": "Top Text",
"description": "Shown above the caption",
"suggested": true
},
"nobr": {
"label": "Prevent Line Breaks?",
"description": "If enabled, removes the line break, putting the icon and text on a single line. Use 1 to enable",
"type": "boolean",
"suggested": true
},
"caption": {
"label": "Caption Override",
"description": "If not set, uses the specified name. Always links to the name. Use \"no\" to hide the caption",
"type": "string",
"suggested": true
}
},
"paramOrder": [
"name",
"rarity",
"size",
"amount",
"image",
"caption",
"top",
"nobr",
"maxwidth"
]
}
</templatedata></noinclude>

Latest revision as of 00:14, 15 August 2024

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
Weapons
Weapons
{{Iconbox|Arming Sword|image=Armingsword_1.png}}
Arming Sword
Arming Sword
{{Iconbox|Arming Sword|image=Armingsword_1.png|caption=Foobar|link=Falchion}}
Armingsword 1.png
Foobar
{{Iconbox|Arming Sword|image=Armingsword_1.png|caption=Foobar|link=Falchion|nolink=1}}
Armingsword 1.png
Foobar
{{Iconbox|Arming Sword|image=Armingsword_1.png|caption=Foobar}}
Arming Sword
Foobar
{{Iconbox|Arming Sword|image=Armingsword_1.png|caption=no}}
Arming Sword
{{Iconbox|Arming Sword|image=Armingsword_1.png|top=Foobar}}
Arming Sword
FoobarArming Sword

{{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|Arming Sword|image=Adventurer Boots Ruby Silver.png|rarity=Ruby Silver}}
{{Iconbox|Frock|image=Frock Cobalt.png|rarity=4}}

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

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
Retrieved from "http://darkanddarker.wiki.spellsandguns.com/index.php?title=Template:Iconbox&oldid=37971"