Difference between revisions of "Recipe icon"

Revision as of 15:23, 14 January 2024

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

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

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.

@@ Line 7: / Line 7: @@
 <div class="recipe-img">
 <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: 32px">[[File:{{#show:{{#ask:[[Has learned from::{{{1|{{PAGENAME}}}}}]]|link=none}}|?Has profession}} Recipe.png|56px]]</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%, 100% 230%, 15% -165%); clip-path: polygon(0% -30px, 0% 305%, 100% 310%, 100% 230%, 15% -165%);">[[File:{{#var:item}}.png|80px]]</span>
 </div><!--
 -->|[[File:{{#replace:{{#titleparts:{{#var:item}}}}|:|-}}.png|Upload {{#var:item}} icon.]]}}<!-- else base item does not have an icon
 -->}}</includeonly><noinclude>{{{{PAGENAME}}/Documentation}}</noinclude>