Difference between revisions of "Recipe icon"

m (syntax)
m (testing)
Line 1: Line 1:
 
<includeonly>{{#vardefine:item|{{#explode:{{{1|{{PAGENAME}}}}}|:|1}}}}<!-- define base item (removes 'Recipe: ')
 
<includeonly>{{#vardefine:item|{{#explode:{{{1|{{PAGENAME}}}}}|:|1}}}}<!-- define base item (removes 'Recipe: ')
-->{{#if:{{#show:{{#var:item}}|?Has icon}}|<!-- if base item has an icon
+
-->{{#if:{{{small|}}}<!-- if small (25px) icon
-->{{#if:{{{small|}}}|<!-- if small (25px) icon -->
+
-->|{{#if:{{#show:{{#var:item}}|?Has icon}}|<!-- if base item has an icon -->
<span class="{{{quality|quality-common}}}">[[File:{{#show:{{#ask:[[Has learned from::Recipe: {{#var:item}}]]|link=none}}|?Has profession}} Recipe.png|25px|link={{{1|{{PAGENAME}}}}}]]</span><!-- size too small for diagonal trick -->|<!-- else big (85px) icon -->
+
<span class="{{{quality|quality-common}}}">[[File:{{#show:{{#ask:[[Has learned from::Recipe: {{#var:item}}]]|link=none}}|?Has profession}} Recipe.png|25px|link={{{1|{{PAGENAME}}}}}]]</span><!-- size too small for diagonal trick
 +
-->|[[File:{{#show:{{#ask:[[Has learned from::Recipe: {{#var:item}}]]|link=none}}|?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 -->
 
<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: 22px">[[File:{{#show:{{#ask:[[Has learned from::{{{1|{{PAGENAME}}}}}]]|link=none}}|?Has profession}} Recipe.png|63px]]</span>
 
<span style="position: absolute; padding-left: 22px">[[File:{{#show:{{#ask:[[Has learned from::{{{1|{{PAGENAME}}}}}]]|link=none}}|?Has profession}} Recipe.png|63px]]</span>
 
<span style="padding-left: 3px; -webkit-clip-path: polygon(0% -30px, 0% 305%, 100% 310%); clip-path: polygon(0% -30px, 0% 305%, 100% 310%);">[[File:{{#var:item}}.png|80px]]</span>
 
<span style="padding-left: 3px; -webkit-clip-path: polygon(0% -30px, 0% 305%, 100% 310%); clip-path: polygon(0% -30px, 0% 305%, 100% 310%);">[[File:{{#var:item}}.png|80px]]</span>
</div>}}|[[File:{{#replace:{{#titleparts:{{#var:item}}}}|:|-}}.png|Upload {{#var:item}} icon.]]<!-- if base item does not have an icon
+
</div><!--
 +
-->|[[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>

Revision as of 20:18, 12 January 2024

Description

Creates a Recipe icon by combining the profession's recipe icon with the icon of the item to be made.

Usage

{{Recipe icon|<1=recipe name>|<quality=quality>|<small=yes>}}

Parameters

Arrow.png1: The name of the recipe.
Optional. Defaults to '{{PAGENAME}}'.
Arrow.pngquality: The quality CSS class of the item.
Optional. Defaults to 'quality-common'.
Arrow.pngsmall: 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.