From Brotato Wiki
(Test (May revert in a few mins): Try using <span> as the wrapper. Should be fine as it uses display:inline-block. This aims to fix the issue the visual wiki has, where inserting an Iconbox among other content breaks the layout and causes weird issues when trying to click to edit the template, the theory being that the visual editor behaves differently with DIVs vs SPANs) Tag: Reverted |
(add option for nolink=1 -- this can be used to show Iconbox on mod pages whose items shouldn't link anywhere) |
||
(9 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<includeonly><!-- | <includeonly><!-- | ||
-->< | --><div class="iconbox" style="display:inline-block;{{#if:{{{maxwidth|}}}|max-width:{{{maxwidth}}}|max-width:initial;}}"><!-- | ||
ICON | ICON | ||
--><div class="rarity{{{rarity|{{Rarity|{{{name|{{{1|}}}}}}}}}}} rounded relative"><!-- | --><div class="rarity<!-- | ||
-->[[File:{{{image|{{{name|{{{1|}}}}}}}}}.png|{{{size|60px}}}|link={{{name|{{{1|}}}}}}|{{{name|{{{1|}}}}}}]]<!-- | -->{{#ifeq:{{{rarity|}}}|auto|{{GetRarity|{{{name|{{{1|}}}}}}}}|{{{rarity|{{Rarity|{{{name|{{{1|}}}}}}}}}}}}}<!-- | ||
--> rounded relative"><!-- | |||
IMAGE | |||
-->{{#ifeq:{{{nolink|}}}|1|<!-- | |||
No image link: | |||
-->[[File:{{{image|{{{name|{{{1|}}}}}}}}}.png|{{{size|60px}}}]]|<!-- | |||
Has image link: | |||
-->[[File:{{{image|{{{name|{{{1|}}}}}}}}}.png|{{{size|60px}}}|link={{{name|{{{1|}}}}}}|{{{name|{{{1|}}}}}}]]<!-- | |||
-->}}<!-- | |||
AMOUNT | |||
-->{{#if:{{{amount|}}}|<!-- | -->{{#if:{{{amount|}}}|<!-- | ||
--><span class="iconamount">{{{amount}}}</span><!-- | --><span class="iconamount">{{{amount}}}</span><!-- | ||
Line 16: | Line 25: | ||
-->{{#ifeq:{{{caption}}}|no|<!--no caption-->|<!-- | -->{{#ifeq:{{{caption}}}|no|<!--no caption-->|<!-- | ||
-->{{#ifeq:{{{nobr}}}|1|<!--empty space (nobr)--> |<br>}}<!-- | -->{{#ifeq:{{{nobr}}}|1|<!--empty space (nobr)--> |<br>}}<!-- | ||
-->{{#ifeq:{{{nolink|}}}|1|<!-- | |||
LINK: No | |||
-->{{#if:{{{caption|}}}|<!-- | |||
CAPTION: Custom | |||
--><strong>{{{caption}}}</strong><!-- | |||
-->|<!-- | |||
CAPTION: Auto | |||
--><strong>{{{name|{{{1|}}}}}}</strong><!-- | |||
-->}}<!-- | |||
-->|<!-- | |||
LINK: Yes | |||
-->{{#if:{{{caption|}}}|<!-- | |||
CAPTION: Custom | |||
-->[[{{{name|{{{1|}}}}}}|<strong>{{{caption}}}</strong>]]<!-- | |||
-->|<!-- | |||
CAPTION: Auto | |||
-->[[{{{name|{{{1|}}}}}}|<strong>{{{name|{{{1|}}}}}}</strong>]]<!-- | |||
-->}}<!-- | |||
-->}}<!-- | |||
-->}}<!-- | -->}}<!-- | ||
--></ | --></div><!-- | ||
--></includeonly><noinclude> | --></includeonly><noinclude> | ||
Line 59: | Line 81: | ||
<br><code><nowiki>{{Iconbox|Acid|rarity=5}}</nowiki></code> | <br><code><nowiki>{{Iconbox|Acid|rarity=5}}</nowiki></code> | ||
|{{Iconbox|Acid|rarity=-1}} {{Iconbox|Acid|rarity=1}} {{Iconbox|Acid|rarity=2}} {{Iconbox|Acid|rarity=3}} {{Iconbox|Acid|rarity=4}} {{Iconbox|Acid|rarity=5}} | |{{Iconbox|Acid|rarity=-1}} {{Iconbox|Acid|rarity=1}} {{Iconbox|Acid|rarity=2}} {{Iconbox|Acid|rarity=3}} {{Iconbox|Acid|rarity=4}} {{Iconbox|Acid|rarity=5}} | ||
|- | |||
|<code><nowiki>{{Iconbox|Acid|rarity=auto}}</nowiki></code> | |||
|{{Iconbox|Acid|rarity=auto}} | |||
|- | |||
|<code><nowiki>{{Iconbox|Acid|nolink=1}}</nowiki></code> | |||
|{{Iconbox|Acid|nolink=1}} | |||
|- | |||
|<code><nowiki>{{Iconbox|Acid|image=Tree}}</nowiki></code> | |||
|{{Iconbox|Acid|image=Tree}} | |||
|- | |- | ||
|<code><nowiki>{{Iconbox|Acid|size=30px}}</nowiki></code> | |<code><nowiki>{{Iconbox|Acid|size=30px}}</nowiki></code> | ||
Line 89: | Line 120: | ||
"rarity": { | "rarity": { | ||
"label": "Rarity", | "label": "Rarity", | ||
"description": "Options: -1, 1, 2, 3, 4", | "description": "Options: -1, 1, 2, 3, 4, auto", | ||
"type": "number", | "type": "number", | ||
"suggested": true | "suggested": true | ||
Line 118: | Line 149: | ||
"label": "Amount", | "label": "Amount", | ||
"description": "Shows a number on the bottom right corner", | "description": "Shows a number on the bottom right corner", | ||
"type": "number" | "type": "number", | ||
"suggested": true | |||
}, | }, | ||
"top": { | "top": { |
Latest revision as of 21:10, 14 November 2022
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|Acid}}
|
|
{{Iconbox|Acid|amount=1}}
|
|
{{Iconbox|Acid|caption=Foobar}}
|
|
{{Iconbox|Acid|caption=no}}
|
|
{{Iconbox|Acid|top=Foobar}}
|
|
{{Iconbox|Acid|rarity=-1}}
|
|
{{Iconbox|Acid|rarity=auto}}
|
|
{{Iconbox|Acid|nolink=1}}
|
|
{{Iconbox|Acid|image=Tree}}
|
|
{{Iconbox|Acid|size=30px}}
|
|
{{Iconbox|Acid|size=30px|nobr=1}}
|
|
{{Iconbox|Acid|size=30px|nobr=1|top=Foobar}}
|
Foobar Acid
|
Other Options
The maxwidth
option lets you restrain text that would otherwise be very long:
{{Iconbox|Acid|size=60px|top=This text is quite long but maxwidth restrains it|maxwidth=120px}}
No description.
Parameter | Description | Type | Status | |
---|---|---|---|---|
Name | name 1 | Name of the character/item/weapon | String | required |
Rarity | rarity | Options: -1, 1, 2, 3, 4, auto | Number | suggested |
Size | size | Size with px, eg. "30px" | String | suggested |
Amount | amount | Shows a number on the bottom right corner | Number | suggested |
Image Override | image | If not set, uses the image that matches the name | String | suggested |
Caption Override | caption | If not set, uses the specified name. Always links to the name. Use "no" to hide the caption | String | suggested |
Top Text | top | Shown above the caption | Unknown | suggested |
Prevent Line Breaks? | nobr | If enabled, removes the line break, putting the icon and text on a single line. Use 1 to enable | Boolean | suggested |
Max Width | maxwidth | If set, constrains the box to the specified width. Accepts any valid CSS width (60px, 60%). If not set, uses max-width:initial.
| String | suggested |