Difference between revisions of "Template:Crafting grid"

From ComputerCraft Wiki
Jump to: navigation, search
m (Un-breaking the template.)
 
(19 intermediate revisions by 4 users not shown)
Line 1: Line 1:
<div style="float:{{#if:{{{float|}}}|{{{float}}}|left}};"><div style="left:0px; top:0px; width:256px; height:114px; position:relative;">
+
<includeonly>
<div style="left:0px; top:0px; width:256px; height:114px;">[[Image:Empty-crafting-table.png|243px|link=|alt=]]</div>
+
<div style="float:{{#if:{{{float|}}}|{{{float}}}|left}};"><div style="left:0px; top:0px; width:256px; height:132px; position:relative;">
 +
<div style="left:0px; top:0px; width:256px; height:132px;">[[Image:Empty-crafting-table.png|256px|link=|alt=]]</div>
  
{{#if:{{{A1|}}}|<div style="left:6px; top:0px; width:32px; height:32px; position:absolute;">
+
{{#if:{{{A1|}}}|<div style="left:14px; top:9px; width:32px; height:32px; position:absolute;">
 
[[Image:{{#if:{{{A1-image|}}}|{{{A1-image}}}|Grid_{{{A1}}}.png}}|32px|link={{#if:{{{A1-link|}}}|{{{A1-link}}}|{{{A1}}}}}|alt={{{A1}}}]]
 
[[Image:{{#if:{{{A1-image|}}}|{{{A1-image}}}|Grid_{{{A1}}}.png}}|32px|link={{#if:{{{A1-link|}}}|{{{A1-link}}}|{{{A1}}}}}|alt={{{A1}}}]]
 
</div>}}
 
</div>}}
{{#if:{{{A2|}}}|<div style="left:6px; top:36px; width:32px; height:32px; position:absolute;">
+
{{#if:{{{A2|}}}|<div style="left:14px; top:45px; width:32px; height:32px; position:absolute;">
 
[[Image:{{#if:{{{A2-image|}}}|{{{A2-image}}}|Grid_{{{A2}}}.png}}|32px|link={{#if:{{{A2-link|}}}|{{{A2-link}}}|{{{A2}}}}}|alt={{{A2}}}]]
 
[[Image:{{#if:{{{A2-image|}}}|{{{A2-image}}}|Grid_{{{A2}}}.png}}|32px|link={{#if:{{{A2-link|}}}|{{{A2-link}}}|{{{A2}}}}}|alt={{{A2}}}]]
 
</div>}}
 
</div>}}
{{#if:{{{A3|}}}|<div style="left:6px; top:72px; width:32px; height:32px; position:absolute;">
+
{{#if:{{{A3|}}}|<div style="left:14px; top:81px; width:32px; height:32px; position:absolute;">
 
[[Image:{{#if:{{{A3-image|}}}|{{{A3-image}}}|Grid_{{{A3}}}.png}}|32px|link={{#if:{{{A3-link|}}}|{{{A3-link}}}|{{{A3}}}}}|alt={{{A3}}}]]
 
[[Image:{{#if:{{{A3-image|}}}|{{{A3-image}}}|Grid_{{{A3}}}.png}}|32px|link={{#if:{{{A3-link|}}}|{{{A3-link}}}|{{{A3}}}}}|alt={{{A3}}}]]
 
</div>}}
 
</div>}}
  
{{#if:{{{B1|}}}|<div style="left:42px; top:0px; width:32px; height:32px; position:absolute;">
+
{{#if:{{{B1|}}}|<div style="left:50px; top:9px; width:32px; height:32px; position:absolute;">
 
[[Image:{{#if:{{{B1-image|}}}|{{{B1-image}}}|Grid_{{{B1}}}.png}}|32px|link={{#if:{{{B1-link|}}}|{{{B1-link}}}|{{{B1}}}}}|alt={{{B1}}}]]
 
[[Image:{{#if:{{{B1-image|}}}|{{{B1-image}}}|Grid_{{{B1}}}.png}}|32px|link={{#if:{{{B1-link|}}}|{{{B1-link}}}|{{{B1}}}}}|alt={{{B1}}}]]
 
</div>}}
 
</div>}}
{{#if:{{{B2|}}}|<div style="left:42px; top:36px; width:32px; height:32px; position:absolute;">
+
{{#if:{{{B2|}}}|<div style="left:50px; top:45px; width:32px; height:32px; position:absolute;">
 
[[Image:{{#if:{{{B2-image|}}}|{{{B2-image}}}|Grid_{{{B2}}}.png}}|32px|link={{#if:{{{B2-link|}}}|{{{B2-link}}}|{{{B2}}}}}|alt={{{B2}}}]]
 
[[Image:{{#if:{{{B2-image|}}}|{{{B2-image}}}|Grid_{{{B2}}}.png}}|32px|link={{#if:{{{B2-link|}}}|{{{B2-link}}}|{{{B2}}}}}|alt={{{B2}}}]]
 
</div>}}
 
</div>}}
{{#if:{{{B3|}}}|<div style="left:42px; top:72px; width:32px; height:32px; position:absolute;">
+
{{#if:{{{B3|}}}|<div style="left:50px; top:81px; width:32px; height:32px; position:absolute;">
 
[[Image:{{#if:{{{B3-image|}}}|{{{B3-image}}}|Grid_{{{B3}}}.png}}|32px|link={{#if:{{{B3-link|}}}|{{{B3-link}}}|{{{B3}}}}}|alt={{{B3}}}]]
 
[[Image:{{#if:{{{B3-image|}}}|{{{B3-image}}}|Grid_{{{B3}}}.png}}|32px|link={{#if:{{{B3-link|}}}|{{{B3-link}}}|{{{B3}}}}}|alt={{{B3}}}]]
 
</div>}}
 
</div>}}
 
 
{{#if:{{{C1|}}}|<div style="left:78px; top:0px; width:32px; height:32px; position:absolute;">
+
{{#if:{{{C1|}}}|<div style="left:86px; top:9px; width:32px; height:32px; position:absolute;">
 
[[Image:{{#if:{{{C1-image|}}}|{{{C1-image}}}|Grid_{{{C1}}}.png}}|32px|link={{#if:{{{C1-link|}}}|{{{C1-link}}}|{{{C1}}}}}|alt={{{C1}}}]]
 
[[Image:{{#if:{{{C1-image|}}}|{{{C1-image}}}|Grid_{{{C1}}}.png}}|32px|link={{#if:{{{C1-link|}}}|{{{C1-link}}}|{{{C1}}}}}|alt={{{C1}}}]]
 
</div>}}
 
</div>}}
{{#if:{{{C2|}}}|<div style="left:78px; top:36px; width:32px; height:32px; position:absolute;">
+
{{#if:{{{C2|}}}|<div style="left:86px; top:45px; width:32px; height:32px; position:absolute;">
 
[[Image:{{#if:{{{C2-image|}}}|{{{C2-image}}}|Grid_{{{C2}}}.png}}|32px|link={{#if:{{{C2-link|}}}|{{{C2-link}}}|{{{C2}}}}}|alt={{{C2}}}]]
 
[[Image:{{#if:{{{C2-image|}}}|{{{C2-image}}}|Grid_{{{C2}}}.png}}|32px|link={{#if:{{{C2-link|}}}|{{{C2-link}}}|{{{C2}}}}}|alt={{{C2}}}]]
 
</div>}}
 
</div>}}
{{#if:{{{C3|}}}|<div style="left:78px; top:72px; width:32px; height:32px; position:absolute;">
+
{{#if:{{{C3|}}}|<div style="left:86px; top:81px; width:32px; height:32px; position:absolute;">
 
[[Image:{{#if:{{{C3-image|}}}|{{{C3-image}}}|Grid_{{{C3}}}.png}}|32px|link={{#if:{{{C3-link|}}}|{{{C3-link}}}|{{{C3}}}}}|alt={{{C3}}}]]
 
[[Image:{{#if:{{{C3-image|}}}|{{{C3-image}}}|Grid_{{{C3}}}.png}}|32px|link={{#if:{{{C3-link|}}}|{{{C3-link}}}|{{{C3}}}}}|alt={{{C3}}}]]
 
</div>}}
 
</div>}}
 
 
{{#if:{{{Output|}}}|<div style="left:194px; top:36px; width:32px; height:32px; position:absolute;">
+
{{#if:{{{Output|}}}|<div style="left:202px; top:45px; width:32px; height:32px; position:absolute;">
 
[[Image:{{#if:{{{Output-image|}}}|{{{Output-image}}}|Grid_{{{Output|}}}.png}}|32px|link={{#if:{{{Output-link|}}}|{{{Output-link}}}|{{{Output}}}}}|alt={{{Output}}}]]
 
[[Image:{{#if:{{{Output-image|}}}|{{{Output-image}}}|Grid_{{{Output|}}}.png}}|32px|link={{#if:{{{Output-link|}}}|{{{Output-link}}}|{{{Output}}}}}|alt={{{Output}}}]]
 
</div>}}
 
</div>}}
 
{{#if:{{{OA|}}}|
 
{{#if:{{{OA|}}}|
<div style="left:204px; top:60px; width:16px; height:16px; position:absolute; overflow:hidden;">
+
<div style="left:210px; top:68px; width:16px; height:16px; position:absolute; overflow:hidden;">
 
<div style="left:{{#expr:-16 * (floor({{{OA|}}}/10) - 1)}}px; top:-8px; width:160px; height:16px; position:absolute;">
 
<div style="left:{{#expr:-16 * (floor({{{OA|}}}/10) - 1)}}px; top:-8px; width:160px; height:16px; position:absolute;">
 
[[Image:GridNumbersCSS.png|160px|link={{#if:{{{Output-link|}}}|{{{Output-link}}}|{{{Output}}}}}|alt={{{Output}}}]]
 
[[Image:GridNumbersCSS.png|160px|link={{#if:{{{Output-link|}}}|{{{Output-link}}}|{{{Output}}}}}|alt={{{Output}}}]]
 
</div>
 
</div>
 
</div>
 
</div>
<div style="left:216px; top:60px; width:16px; height:16px; position:absolute; overflow:hidden;">
+
<div style="left:222px; top:68px; width:16px; height:16px; position:absolute; overflow:hidden;">
 
<div style="left:{{#expr:-16 * (({{{OA|}}} - 1) mod 10)}}px; top:-8px; width:160px; height:16px; position:absolute;">
 
<div style="left:{{#expr:-16 * (({{{OA|}}} - 1) mod 10)}}px; top:-8px; width:160px; height:16px; position:absolute;">
 
[[Image:GridNumbersCSS.png|160px|link={{#if:{{{Output-link|}}}|{{{Output-link}}}|{{{Output}}}}}|alt={{{Output}}}]]
 
[[Image:GridNumbersCSS.png|160px|link={{#if:{{{Output-link|}}}|{{{Output-link}}}|{{{Output}}}}}|alt={{{Output}}}]]
Line 47: Line 48:
 
</div>
 
</div>
 
}}
 
}}
</div></div>
+
</div></div><br style="clear: both" />
 +
</includeonly>
 
<noinclude>
 
<noinclude>
 +
This is the standard Minecraft crafting grid. The code is borrowed from the IndustrialCraft wiki.
 +
 +
Usage:<br />
 +
<nowiki>
 +
{{Crafting grid
 +
|A1=Computer
 +
|B3=Disk_Drive
 +
|Output=Computer
 +
}}
 +
</nowiki>
 +
 +
Results in:
 +
 
{{Crafting grid
 
{{Crafting grid
|A1=console
+
|A1=Computer
|Output=console
+
|B3=Disk_Drive
 +
|Output=Computer
 
}}
 
}}
 +
<br />
 +
The name of the images should be in the form of "grid_<name of the item>.png".
 +
E.g. the Computer image is named "Grid_Computer.png". Clicking on it will go to the page Computer.
 
</noinclude>
 
</noinclude>

Latest revision as of 06:16, 3 June 2013


This is the standard Minecraft crafting grid. The code is borrowed from the IndustrialCraft wiki.

Usage:

 {{Crafting grid
 |A1=Computer
 |B3=Disk_Drive
 |Output=Computer
 }}
 

Results in:


Computer



Disk_Drive



Computer




The name of the images should be in the form of "grid_<name of the item>.png". E.g. the Computer image is named "Grid_Computer.png". Clicking on it will go to the page Computer.