Difference between revisions of "Recipe icon"

m (quality handled elsewhere)
m (Undo revision 7614 by Stratonian (talk))
Tag: Undo
Line 2: Line 2:
 
-->{{#if:{{#show:{{#var:item}}|?Has icon}}|<!-- if base item has an icon -->
 
-->{{#if:{{#show:{{#var:item}}|?Has icon}}|<!-- if base item has an icon -->
 
<div class="recipe-img">
 
<div class="recipe-img">
<span style="position:absolute;">[[File:Recipe Background.png|85px]]</span>
+
<span class="quality-common" style="position:absolute;">[[File:Recipe Background.png|85px]]</span>
 
<span style="position: absolute; padding-left: 22px">[[File:{{#show:{{#ask:[[Has learned from::{{PAGENAME}}]]|link=none}}|?Has profession}} Recipe.png|63px]]</span>
 
<span style="position: absolute; padding-left: 22px">[[File:{{#show:{{#ask:[[Has learned from::{{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.]]<!-- if base item does not have an icon
 
-->}}</includeonly><noinclude>{{{{PAGENAME}}/Documentation}}</noinclude>
 
-->}}</includeonly><noinclude>{{{{PAGENAME}}/Documentation}}</noinclude>

Revision as of 17:25, 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.