Difference between revisions of "Template:Crafting Grid"

From Electrical Age
Jump to: navigation, search
(How to use?)
Line 2: Line 2:
 
     <div style="left:0px; top:0px; width:256px; height:132px;">[[Image:Crafting_GUI.png|256px|link=|alt=]]</div>
 
     <div style="left:0px; top:0px; width:256px; height:132px;">[[Image:Crafting_GUI.png|256px|link=|alt=]]</div>
 
     <!-- Row 1 -->
 
     <!-- Row 1 -->
     <div style="z-index:2; position: absolute; top: 14px; left: 14px;">[[File:Grid_{{{1}}}.png|32px]]</div>
+
     <div style="z-index:2; position: absolute; top: 14px; left: 14px;">[[File:Grid_{{{1}}}.png|32px|link={{{1}}}]]</div>
     <div style="z-index:2; position: absolute; top: 14px; left: 50px;">[[File:Grid_{{{2}}}.png|32px]]</div>
+
     <div style="z-index:2; position: absolute; top: 14px; left: 50px;">[[File:Grid_{{{2}}}.png|32px|link={{{2}}}]]</div>
     <div style="z-index:2; position: absolute; top: 14px; left: 86px;">[[File:Grid_{{{3}}}.png|32px]]</div>
+
     <div style="z-index:2; position: absolute; top: 14px; left: 86px;">[[File:Grid_{{{3}}}.png|32px|link={{{3}}}]]</div>
 
     <!-- Row 2 -->
 
     <!-- Row 2 -->
     <div style="z-index:2; position: absolute; top: 50px; left: 14px;">[[File:Grid_{{{4}}}.png|32px]]</div>
+
     <div style="z-index:2; position: absolute; top: 50px; left: 14px;">[[File:Grid_{{{4}}}.png|32px|link={{{4}}}]]</div>
     <div style="z-index:2; position: absolute; top: 50px; left: 50px;">[[File:Grid_{{{5}}}.png|32px]]</div>
+
     <div style="z-index:2; position: absolute; top: 50px; left: 50px;">[[File:Grid_{{{5}}}.png|32px|link={{{5}}}]]</div>
     <div style="z-index:2; position: absolute; top: 50px; left: 86px;">[[File:Grid_{{{6}}}.png|32px]]</div>
+
     <div style="z-index:2; position: absolute; top: 50px; left: 86px;">[[File:Grid_{{{6}}}.png|32px|link={{{6}}}]]</div>
 
     <!-- Row 2 -->
 
     <!-- Row 2 -->
     <div style="z-index:2; position: absolute; top: 86px; left: 14px;">[[File:Grid_{{{7}}}.png|32px]]</div>
+
     <div style="z-index:2; position: absolute; top: 86px; left: 14px;">[[File:Grid_{{{7}}}.png|32px|link={{{7}}}]]</div>
     <div style="z-index:2; position: absolute; top: 86px; left: 50px;">[[File:Grid_{{{8}}}.png|32px]]</div>
+
     <div style="z-index:2; position: absolute; top: 86px; left: 50px;">[[File:Grid_{{{8}}}.png|32px|link={{{8}}}]]</div>
     <div style="z-index:2; position: absolute; top: 86px; left: 86px;">[[File:Grid_{{{9}}}.png|32px]]</div>
+
     <div style="z-index:2; position: absolute; top: 86px; left: 86px;">[[File:Grid_{{{9}}}.png|32px|link={{{9}}}]]</div>
 
     <!-- Result -->
 
     <!-- Result -->
     <div style="z-index:2; position: absolute; top: 50px; left: 202px;">[[File:Grid_{{{result}}}.png|32px]]</div>
+
     <div style="z-index:2; position: absolute; top: 50px; left: 202px;">[[File:Grid_{{{result}}}.png|32px|link={{{result}}}]]</div>
 
</div>
 
</div>
 
<noinclude>
 
<noinclude>
Line 26: Line 26:
 
     C1|C2|C3
 
     C1|C2|C3
 
and the result is the item/block, that will come out of the crafting. To prepare the images, create 32x32 picture of the item with transparent background and name it Grid_<name of the item>.png. The PNG suffix is very important and must be LOWERCASE or it won't work!
 
and the result is the item/block, that will come out of the crafting. To prepare the images, create 32x32 picture of the item with transparent background and name it Grid_<name of the item>.png. The PNG suffix is very important and must be LOWERCASE or it won't work!
 +
Something like this will come out:
 +
{{Crafting_Grid|1=Copper|2=Rubber|3=Copper|4=Rubber|5=Copper|6=Rubber|7=Copper|8=Rubber|9=Copper|result=Rubber}}
 
</noinclude>
 
</noinclude>

Revision as of 20:11, 1 July 2014

[[File:Grid_{{{1}}}.png|32px|link={{{1}}}]]
[[File:Grid_{{{2}}}.png|32px|link={{{2}}}]]
[[File:Grid_{{{3}}}.png|32px|link={{{3}}}]]
[[File:Grid_{{{4}}}.png|32px|link={{{4}}}]]
[[File:Grid_{{{5}}}.png|32px|link={{{5}}}]]
[[File:Grid_{{{6}}}.png|32px|link={{{6}}}]]
[[File:Grid_{{{7}}}.png|32px|link={{{7}}}]]
[[File:Grid_{{{8}}}.png|32px|link={{{8}}}]]
[[File:Grid_{{{9}}}.png|32px|link={{{9}}}]]
[[File:Grid_{{{result}}}.png|32px|link={{{result}}}]]

How to use?

{{Crafting_Grid
|1=A1|2=A2|3=A3
|4=B1|5=B2|6=B3
|7=C1|8=C2|9=C3
|result=D1}}


The materials are in table like this:

   A1|A2|A3
   B1|B2|B3
   C1|C2|C3

and the result is the item/block, that will come out of the crafting. To prepare the images, create 32x32 picture of the item with transparent background and name it Grid_<name of the item>.png. The PNG suffix is very important and must be LOWERCASE or it won't work! Something like this will come out:

Grid Copper.png
Grid Rubber.png
Grid Copper.png
Grid Rubber.png
Grid Copper.png
Grid Rubber.png
Grid Copper.png
Grid Rubber.png
Grid Copper.png
Grid Rubber.png