Difference between revisions of "Recipe icon"
Stratonian (talk | contribs) m |
Stratonian (talk | contribs) m |
||
| Line 1: | Line 1: | ||
| − | <includeonly>{{#vardefine: | + | <includeonly>{{#vardefine:recipe|{{#ask:[[Has learned from::{{{1|{{PAGENAME}}}}}]]|link=none}}}}<!-- define recipe link (including subobject) |
| + | -->{{#vardefine:item|{{#explode:{{#var:recipe}}|#|0}}}}<!-- define item (not including subobject) | ||
| + | |||
-->{{#if:{{{small|}}}<!-- if small (25px) icon | -->{{#if:{{{small|}}}<!-- if small (25px) icon | ||
-->|{{#if:{{#show:{{#var:item}}|?Has icon}}|<!-- if base item has an icon --> | -->|{{#if:{{#show:{{#var:item}}|?Has icon}}|<!-- if base item has an icon --> | ||
| − | <span class="{{{quality|quality-common}}}">[[File:{{#show:{{# | + | <span class="{{{quality|quality-common}}}">[[File:{{#show:{{#var:recipe}}|?Has profession}} Recipe.png|25px|link={{{1|{{PAGENAME}}}}}]]</span><!-- size too small for diagonal trick |
| − | -->|[[File:{{#show:{{# | + | -->|[[File:{{#show:{{#var:recipe}}|?Has profession}} Recipe.png|?]]}}<!-- else base item does not have an icon |
-->|{{#if:{{#show:{{#var:item}}|?Has icon}}|<!-- else (85px) if base item has an icon --> | -->|{{#if:{{#show:{{#var:item}}|?Has icon}}|<!-- else (85px) if base item has an icon --> | ||
<div class="recipe-img"> | <div class="recipe-img"> | ||
<span class="{{{quality|quality-common}}}" style="position:absolute;">[[File:Recipe Background.png|85px]]</span> | <span class="{{{quality|quality-common}}}" style="position:absolute;">[[File:Recipe Background.png|85px]]</span> | ||
| − | <span style="position: absolute; padding-left: 32px">[[File:{{#show:{{# | + | <span style="position: absolute; padding-left: 32px">[[File:{{#show:{{#var:recipe}}|?Has profession}} Recipe.png|56px]]</span> |
<span style="padding-left: 3px; -webkit-clip-path: polygon(0% -30px, 0% 305%, 100% 310%, 100% 230%, 15% -165%); clip-path: polygon(0% -30px, 0% 305%, 100% 310%, 100% 230%, 15% -165%);">[[File:{{#var:item}}.png|80px]]</span> | <span style="padding-left: 3px; -webkit-clip-path: polygon(0% -30px, 0% 305%, 100% 310%, 100% 230%, 15% -165%); clip-path: polygon(0% -30px, 0% 305%, 100% 310%, 100% 230%, 15% -165%);">[[File:{{#var:item}}.png|80px]]</span> | ||
</div><!-- | </div><!-- | ||
-->|[[File:{{#replace:{{#titleparts:{{#var:item}}}}|:|-}}.png|Upload {{#var:item}} icon.]]}}<!-- else base item does not have an icon | -->|[[File:{{#replace:{{#titleparts:{{#var:item}}}}|:|-}}.png|Upload {{#var:item}} icon.]]}}<!-- else base item does not have an icon | ||
-->}}</includeonly><noinclude>{{{{PAGENAME}}/Documentation}}</noinclude> | -->}}</includeonly><noinclude>{{{{PAGENAME}}/Documentation}}</noinclude> | ||
Latest revision as of 19:50, 16 February 2024
Description[edit]
Creates a Recipe icon by combining the profession's recipe icon with the icon of the item to be made.
Usage[edit]
{{Recipe icon|<1=recipe name>|<quality=quality>|<small=yes>}}
Parameters[edit]
1: The name of the recipe.- Optional. Defaults to '
{{PAGENAME}}'. - quality: The quality CSS class of the item.
- Optional. Defaults to '
quality-common'. - small: Determines whether the icon should be small.
- Optional.
- Notes: Set this parameter any value to create a 25px icon. If not set, the 85px icon is used.
