Difference between revisions of "Template:Grid"

From Mine Blocks Wiki
Jump to navigation Jump to search
If you find a typo, inconsistency, or error, please sign up and help out the wiki! We can't do it without your help! :D Thank you!

(Created page with "<div class="article-grid" style="display: flex; flex-flow: row wrap;"> {{#if: {{{1|}}} | <div class="artcle-grid__cell" style="display: flex; flwx-flow: column no-wrap;">{{{1}...")
 
 
(9 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div class="article-grid" style="display: flex; flex-flow: row wrap;">
+
<div class="article-grid" style="display: flex; flex-flow: row wrap; gap: 24px;">
{{#if: {{{1|}}} | <div class="artcle-grid__cell" style="display: flex; flwx-flow: column no-wrap;">{{{1}}}</div> }}
+
{{#if: {{{1|}}} | <div class="artcle-grid__cell" style="display: flex; flex-flow: column nowrap;">{{{1}}}</div> }}
{{#if: {{{2|}}} | <div class="artcle-grid__cell" style="display: flex; flwx-flow: column no-wrap;">{{{2}}}</div> }}
+
{{#if: {{{2|}}} | <div class="artcle-grid__cell" style="display: flex; flex-flow: column nowrap;">{{{2}}}</div> }}
{{#if: {{{3|}}} | <div class="artcle-grid__cell" style="display: flex; flwx-flow: column no-wrap;">{{{3}}}</div> }}
+
{{#if: {{{3|}}} | <div class="artcle-grid__cell" style="display: flex; flex-flow: column nowrap;">{{{3}}}</div> }}
{{#if: {{{4|}}} | <div class="artcle-grid__cell" style="display: flex; flwx-flow: column no-wrap;">{{{4}}}</div> }}
+
{{#if: {{{4|}}} | <div class="artcle-grid__cell" style="display: flex; flex-flow: column nowrap;">{{{4}}}</div> }}
{{#if: {{{5|}}} | <div class="artcle-grid__cell" style="display: flex; flwx-flow: column no-wrap;">{{{5}}}</div> }}
+
{{#if: {{{5|}}} | <div class="artcle-grid__cell" style="display: flex; flex-flow: column nowrap;">{{{5}}}</div> }}
{{#if: {{{6|}}} | <div class="artcle-grid__cell" style="display: flex; flwx-flow: column no-wrap;">{{{6}}}</div> }}
+
{{#if: {{{6|}}} | <div class="artcle-grid__cell" style="display: flex; flex-flow: column nowrap;">{{{6}}}</div> }}
{{#if: {{{7|}}} | <div class="artcle-grid__cell" style="display: flex; flwx-flow: column no-wrap;">{{{7}}}</div> }}
+
{{#if: {{{7|}}} | <div class="artcle-grid__cell" style="display: flex; flex-flow: column nowrap;">{{{7}}}</div> }}
{{#if: {{{8|}}} | <div class="artcle-grid__cell" style="display: flex; flwx-flow: column no-wrap;">{{{8}}}</div> }}
+
{{#if: {{{8|}}} | <div class="artcle-grid__cell" style="display: flex; flex-flow: column nowrap;">{{{8}}}</div> }}
{{#if: {{{9|}}} | <div class="artcle-grid__cell" style="display: flex; flwx-flow: column no-wrap;">{{{9}}}</div> }}
+
{{#if: {{{9|}}} | <div class="artcle-grid__cell" style="display: flex; flex-flow: column nowrap;">{{{9}}}</div> }}
{{#if: {{{10|}}} | <div class="artcle-grid__cell" style="display: flex; flwx-flow: column no-wrap;">{{{10}}}</div> }}
+
{{#if: {{{10|}}} | <div class="artcle-grid__cell" style="display: flex; flex-flow: column nowrap;">{{{10}}}</div> }}
{{#if: {{{11|}}} | <div class="artcle-grid__cell" style="display: flex; flwx-flow: column no-wrap;">{{{11}}}</div> }}
+
{{#if: {{{11|}}} | <div class="artcle-grid__cell" style="display: flex; flex-flow: column nowrap;">{{{11}}}</div> }}
{{#if: {{{12|}}} | <div class="artcle-grid__cell" style="display: flex; flwx-flow: column no-wrap;">{{{12}}}</div> }}
+
{{#if: {{{12|}}} | <div class="artcle-grid__cell" style="display: flex; flex-flow: column nowrap;">{{{12}}}</div> }}
</div>
+
{{#if: {{{13|}}} | <div class="artcle-grid__cell" style="display: flex; flex-flow: column nowrap;">{{{13}}}</div> }}
 +
{{#if: {{{14|}}} | <div class="artcle-grid__cell" style="display: flex; flex-flow: column nowrap;">{{{14}}}</div> }}
 +
{{#if: {{{15|}}} | <div class="artcle-grid__cell" style="display: flex; flex-flow: column nowrap;">{{{15}}}</div> }}
 +
{{#if: {{{16|}}} | <div class="artcle-grid__cell" style="display: flex; flex-flow: column nowrap;">{{{16}}}</div> }}
 +
{{#if: {{{17|}}} | <div class="artcle-grid__cell" style="display: flex; flex-flow: column nowrap;">{{{17}}}</div> }}
 +
{{#if: {{{18|}}} | <div class="artcle-grid__cell" style="display: flex; flex-flow: column nowrap;">{{{18}}}</div> }}
 +
{{#if: {{{19|}}} | <div class="artcle-grid__cell" style="display: flex; flex-flow: column nowrap;">{{{19}}}</div> }}
 +
{{#if: {{{20|}}} | <div class="artcle-grid__cell" style="display: flex; flex-flow: column nowrap;">{{{20}}}</div> }}
 +
{{#if: {{{21|}}} | <div class="artcle-grid__cell" style="display: flex; flex-flow: column nowrap;">{{{21}}}</div> }}
 +
{{#if: {{{22|}}} | <div class="artcle-grid__cell" style="display: flex; flex-flow: column nowrap;">{{{22}}}</div> }}
 +
{{#if: {{{23|}}} | <div class="artcle-grid__cell" style="display: flex; flex-flow: column nowrap;">{{{23}}}</div> }}
 +
{{#if: {{{24|}}} | <div class="artcle-grid__cell" style="display: flex; flex-flow: column nowrap;">{{{24}}}</div> }}
 +
</div><noinclude>
 +
Templated used to put [[crafting]] recipes inside a grid whose layouts adapts to different screen widths. Can have up to 24 grid cels.
 +
 
 +
== Example ==
 +
<pre style="height: 400px; overflow-y: scroll;">
 +
{{Grid|
 +
[[Pickaxes|Stone pickaxe]]
 +
{{CraftBig
 +
| A1 = Cobblestone
 +
| A2 = Cobblestone
 +
| A3 = Cobblestone
 +
| B2 = Stick
 +
| C2 = Stick
 +
| output = Stone Pickaxe
 +
}}
 +
|
 +
[[Shovels|Stone shovel]]
 +
{{CraftBig
 +
| A2 = Cobblestone
 +
| B2 = Stick
 +
| C2 = Stick
 +
| output = Stone Shovel
 +
}}
 +
|
 +
[[Swords|Stone sword]]
 +
{{CraftBig
 +
| A2 = Cobblestone
 +
| B2 = Cobblestone
 +
| C2 = Stick
 +
| output = Stone Sword
 +
}}
 +
|
 +
[[Axes|Stone axe]]
 +
{{CraftBig
 +
| A2 = Cobblestone
 +
| A3 = Cobblestone
 +
| B2 = Stick
 +
| B3 = Cobblestone
 +
| C2 = Stick
 +
| output = Stone Axe
 +
}}
 +
|
 +
[[Hoes|Stone hoe]]
 +
{{CraftBig
 +
| A2 = Cobblestone
 +
| A3 = Cobblestone
 +
| B2 = Stick
 +
| C2 = Stick
 +
| output = Stone Hoe
 +
}}
 +
|
 +
[[Furnace]]
 +
{{CraftBig
 +
| A1 = Cobblestone
 +
| A2 = Cobblestone
 +
| A3 = Cobblestone
 +
| B1 = Cobblestone
 +
| B3 = Cobblestone
 +
| C1 = Cobblestone
 +
| C2 = Cobblestone
 +
| C3 = Cobblestone
 +
| output = Furnace
 +
}}
 +
|
 +
[[Brewing Stand]]
 +
{{CraftBig
 +
| B2 = Blaze Rod
 +
| C1 = Cobblestone
 +
| C2 = Cobblestone
 +
| C3 = Cobblestone
 +
| output = Brewing Stand
 +
}}
 +
|
 +
[[Moss Stone]]
 +
{{CraftBig
 +
| A1 = Moss
 +
| A2 = Moss
 +
| A3 = Moss
 +
| B1 = Moss
 +
| B2 = Cobblestone
 +
| B3 = Moss
 +
| C1 = Moss
 +
| C2 = Moss
 +
| C3 = Moss
 +
| output = Moss Stone
 +
}}
 +
|
 +
[[Piston]]
 +
{{CraftBig
 +
| A1 = Wooden Planks
 +
| A2 = Wooden Planks
 +
| A3 = Wooden Planks
 +
| B1 = Cobblestone
 +
| B2 = Iron Ingot
 +
| B3 = Cobblestone
 +
| C1 = Cobblestone
 +
| C2 = Redstone Dust
 +
| C3 = Cobblestone
 +
| output = Piston
 +
}}
 +
|
 +
[[Dispenser]]
 +
{{CraftBig
 +
| A1 = Cobblestone
 +
| A2 = Cobblestone
 +
| A3 = Cobblestone
 +
| B1 = Cobblestone
 +
| B2 = Bow
 +
| B3 = Cobblestone
 +
| C1 = Cobblestone
 +
| C2 = Redstone Dust
 +
| C3 = Cobblestone
 +
| output = Dispenser
 +
}}
 +
|
 +
[[Dropper]]
 +
{{CraftBig
 +
| A1 = Cobblestone
 +
| A2 = Cobblestone
 +
| A3 = Cobblestone
 +
| B1 = Cobblestone
 +
| B3 = Cobblestone
 +
| C1 = Cobblestone
 +
| C2 = Redstone Dust
 +
| C3 = Cobblestone
 +
| output = Dropper
 +
}}
 +
|
 +
[[Stairs|Cobblestone Stairs]]
 +
{{CraftBig
 +
| A1 = Cobblestone
 +
| B1 = Cobblestone
 +
| B2 = Cobblestone
 +
| C1 = Cobblestone
 +
| C2 = Cobblestone
 +
| C3 = Cobblestone
 +
| output = Cobblestone Stairs
 +
| output-amount = 4
 +
}}
 +
|
 +
[[Slabs|Cobblestone Slab]]
 +
{{CraftBig
 +
| C1 = Cobblestone
 +
| C2 = Cobblestone
 +
| C3 = Cobblestone
 +
| output = Cobblestone Slab
 +
| output-amount = 6
 +
}}
 +
|
 +
[[Lever]]
 +
{{CraftSmall
 +
| A1 = Stick
 +
| B1 = Cobblestone
 +
| output = Lever
 +
}}
 +
|
 +
[[Backdrops|Cobblestone Backdrop]]
 +
{{CraftSmall
 +
| A1 = Cobblestone
 +
| output = Cobblestone Backdrop
 +
}}
 +
}}
 +
</pre>
 +
 
 +
Results in:
 +
 
 +
{{Grid|
 +
[[Pickaxes|Stone pickaxe]]
 +
{{CraftBig
 +
| A1 = Cobblestone
 +
| A2 = Cobblestone
 +
| A3 = Cobblestone
 +
| B2 = Stick
 +
| C2 = Stick
 +
| output = Stone Pickaxe
 +
}}
 +
|
 +
[[Shovels|Stone shovel]]
 +
{{CraftBig
 +
| A2 = Cobblestone
 +
| B2 = Stick
 +
| C2 = Stick
 +
| output = Stone Shovel
 +
}}
 +
|
 +
[[Swords|Stone sword]]
 +
{{CraftBig
 +
| A2 = Cobblestone
 +
| B2 = Cobblestone
 +
| C2 = Stick
 +
| output = Stone Sword
 +
}}
 +
|
 +
[[Axes|Stone axe]]
 +
{{CraftBig
 +
| A2 = Cobblestone
 +
| A3 = Cobblestone
 +
| B2 = Stick
 +
| B3 = Cobblestone
 +
| C2 = Stick
 +
| output = Stone Axe
 +
}}
 +
|
 +
[[Hoes|Stone hoe]]
 +
{{CraftBig
 +
| A2 = Cobblestone
 +
| A3 = Cobblestone
 +
| B2 = Stick
 +
| C2 = Stick
 +
| output = Stone Hoe
 +
}}
 +
|
 +
[[Furnace]]
 +
{{CraftBig
 +
| A1 = Cobblestone
 +
| A2 = Cobblestone
 +
| A3 = Cobblestone
 +
| B1 = Cobblestone
 +
| B3 = Cobblestone
 +
| C1 = Cobblestone
 +
| C2 = Cobblestone
 +
| C3 = Cobblestone
 +
| output = Furnace
 +
}}
 +
|
 +
[[Brewing Stand]]
 +
{{CraftBig
 +
| B2 = Blaze Rod
 +
| C1 = Cobblestone
 +
| C2 = Cobblestone
 +
| C3 = Cobblestone
 +
| output = Brewing Stand
 +
}}
 +
|
 +
[[Moss Stone]]
 +
{{CraftBig
 +
| A1 = Moss
 +
| A2 = Moss
 +
| A3 = Moss
 +
| B1 = Moss
 +
| B2 = Cobblestone
 +
| B3 = Moss
 +
| C1 = Moss
 +
| C2 = Moss
 +
| C3 = Moss
 +
| output = Moss Stone
 +
}}
 +
|
 +
[[Piston]]
 +
{{CraftBig
 +
| A1 = Wooden Planks
 +
| A2 = Wooden Planks
 +
| A3 = Wooden Planks
 +
| B1 = Cobblestone
 +
| B2 = Iron Ingot
 +
| B3 = Cobblestone
 +
| C1 = Cobblestone
 +
| C2 = Redstone Dust
 +
| C3 = Cobblestone
 +
| output = Piston
 +
}}
 +
|
 +
[[Dispenser]]
 +
{{CraftBig
 +
| A1 = Cobblestone
 +
| A2 = Cobblestone
 +
| A3 = Cobblestone
 +
| B1 = Cobblestone
 +
| B2 = Bow
 +
| B3 = Cobblestone
 +
| C1 = Cobblestone
 +
| C2 = Redstone Dust
 +
| C3 = Cobblestone
 +
| output = Dispenser
 +
}}
 +
|
 +
[[Dropper]]
 +
{{CraftBig
 +
| A1 = Cobblestone
 +
| A2 = Cobblestone
 +
| A3 = Cobblestone
 +
| B1 = Cobblestone
 +
| B3 = Cobblestone
 +
| C1 = Cobblestone
 +
| C2 = Redstone Dust
 +
| C3 = Cobblestone
 +
| output = Dropper
 +
}}
 +
|
 +
[[Stairs|Cobblestone Stairs]]
 +
{{CraftBig
 +
| A1 = Cobblestone
 +
| B1 = Cobblestone
 +
| B2 = Cobblestone
 +
| C1 = Cobblestone
 +
| C2 = Cobblestone
 +
| C3 = Cobblestone
 +
| output = Cobblestone Stairs
 +
| output-amount = 4
 +
}}
 +
|
 +
[[Slabs|Cobblestone Slab]]
 +
{{CraftBig
 +
| C1 = Cobblestone
 +
| C2 = Cobblestone
 +
| C3 = Cobblestone
 +
| output = Cobblestone Slab
 +
| output-amount = 6
 +
}}
 +
|
 +
[[Lever]]
 +
{{CraftSmall
 +
| A1 = Stick
 +
| B1 = Cobblestone
 +
| output = Lever
 +
}}
 +
|
 +
[[Backdrops|Cobblestone Backdrop]]
 +
{{CraftSmall
 +
| A1 = Cobblestone
 +
| output = Cobblestone Backdrop
 +
}}
 +
}}

Latest revision as of 13:54, 6 July 2022













Templated used to put crafting recipes inside a grid whose layouts adapts to different screen widths. Can have up to 24 grid cels.

Example

{{Grid|
[[Pickaxes|Stone pickaxe]]
{{CraftBig
| A1 = Cobblestone
| A2 = Cobblestone
| A3 = Cobblestone
| B2 = Stick
| C2 = Stick
| output = Stone Pickaxe
}}
|
[[Shovels|Stone shovel]]
{{CraftBig
| A2 = Cobblestone
| B2 = Stick
| C2 = Stick
| output = Stone Shovel
}}
|
[[Swords|Stone sword]]
{{CraftBig
| A2 = Cobblestone
| B2 = Cobblestone
| C2 = Stick
| output = Stone Sword
}}
|
[[Axes|Stone axe]]
{{CraftBig
| A2 = Cobblestone
| A3 = Cobblestone
| B2 = Stick
| B3 = Cobblestone
| C2 = Stick
| output = Stone Axe
}}
|
[[Hoes|Stone hoe]]
{{CraftBig
| A2 = Cobblestone
| A3 = Cobblestone
| B2 = Stick
| C2 = Stick
| output = Stone Hoe
}}
|
[[Furnace]]
{{CraftBig
| A1 = Cobblestone
| A2 = Cobblestone
| A3 = Cobblestone
| B1 = Cobblestone
| B3 = Cobblestone
| C1 = Cobblestone
| C2 = Cobblestone
| C3 = Cobblestone
| output = Furnace
}}
|
[[Brewing Stand]]
{{CraftBig
| B2 = Blaze Rod
| C1 = Cobblestone
| C2 = Cobblestone
| C3 = Cobblestone
| output = Brewing Stand
}}
|
[[Moss Stone]]
{{CraftBig
| A1 = Moss
| A2 = Moss
| A3 = Moss
| B1 = Moss
| B2 = Cobblestone
| B3 = Moss
| C1 = Moss
| C2 = Moss
| C3 = Moss
| output = Moss Stone
}}
|
[[Piston]]
{{CraftBig
| A1 = Wooden Planks
| A2 = Wooden Planks
| A3 = Wooden Planks
| B1 = Cobblestone
| B2 = Iron Ingot
| B3 = Cobblestone
| C1 = Cobblestone
| C2 = Redstone Dust
| C3 = Cobblestone
| output = Piston
}}
|
[[Dispenser]]
{{CraftBig
| A1 = Cobblestone
| A2 = Cobblestone
| A3 = Cobblestone
| B1 = Cobblestone
| B2 = Bow
| B3 = Cobblestone
| C1 = Cobblestone
| C2 = Redstone Dust
| C3 = Cobblestone
| output = Dispenser
}}
|
[[Dropper]]
{{CraftBig
| A1 = Cobblestone
| A2 = Cobblestone
| A3 = Cobblestone
| B1 = Cobblestone
| B3 = Cobblestone
| C1 = Cobblestone
| C2 = Redstone Dust
| C3 = Cobblestone
| output = Dropper
}}
|
[[Stairs|Cobblestone Stairs]]
{{CraftBig
| A1 = Cobblestone
| B1 = Cobblestone
| B2 = Cobblestone
| C1 = Cobblestone
| C2 = Cobblestone
| C3 = Cobblestone
| output = Cobblestone Stairs
| output-amount = 4
}}
|
[[Slabs|Cobblestone Slab]]
{{CraftBig
| C1 = Cobblestone
| C2 = Cobblestone
| C3 = Cobblestone
| output = Cobblestone Slab
| output-amount = 6
}}
|
[[Lever]]
{{CraftSmall
| A1 = Stick
| B1 = Cobblestone
| output = Lever
}}
|
[[Backdrops|Cobblestone Backdrop]]
{{CraftSmall
| A1 = Cobblestone
| output = Cobblestone Backdrop
}}
}}

Results in: