Difference between revisions of "Template:Grid"

From TFC:TNG
Jump to navigation Jump to search
Line 1: Line 1:
 
<includeonly><span class="grid {{{class|}}}" {{ #if: {{{align|}}} | style="vertical-align: {{{align}}}" }}><span class="border"><span>{{
 
<includeonly><span class="grid {{{class|}}}" {{ #if: {{{align|}}} | style="vertical-align: {{{align}}}" }}><span class="border"><span>{{
   #if: {{{default|}}} | <span class="default-image">[[File:Grid {{{default}}}.png|alt=|link=]]</span>
+
   #if: {{{default|}}} | <span class="default-image">[[File:{{{default}}}.png|alt=|link=|32px]]</span>
 
}}{{#if: {{#pos: {{{1}}} | ; }} | <span class="animated" data-imgs="{{{1}}}" {{#if: {{{mod|}}} | data-mod="{{{mod}}}" }}> }}{{
 
}}{{#if: {{#pos: {{{1}}} | ; }} | <span class="animated" data-imgs="{{{1}}}" {{#if: {{{mod|}}} | data-mod="{{{mod}}}" }}> }}{{
 
#vardefine: f | {{#explode: {{{1|}}} | ; }}
 
#vardefine: f | {{#explode: {{{1|}}} | ; }}
Line 63: Line 63:
 
}}<span class="image {{#if: {{#pos: {{{1}}} | ; }} | active }} {{{imgclass|}}}" {{#var: title }}>{{
 
}}<span class="image {{#if: {{#pos: {{{1}}} | ; }} | active }} {{{imgclass|}}}" {{#var: title }}>{{
 
#if: {{#var: name }}
 
#if: {{#var: name }}
| [[File:Grid {{#var: img }}.png|alt={{
+
| [[File:{{#var: img }}.png|alt={{
 
   #if: {{{title|}}}
 
   #if: {{{title|}}}
 
   | {{
 
   | {{
Line 71: Line 71:
 
     }}
 
     }}
 
   | {{#var: img }}
 
   | {{#var: img }}
   }}|link={{#var: link }}]]{{
+
   }}|link={{#var: link }}|32px]]{{
 
   #iferror: {{ #expr: +{{#var: num }} }}
 
   #iferror: {{ #expr: +{{#var: num }} }}
 
   |
 
   |
Line 87: Line 87:
 
#if: {{#pos: {{{1}}} | ; }} </span>| </span> }}</span></span></span></includeonly><noinclude>
 
#if: {{#pos: {{{1}}} | ; }} </span>| </span> }}</span></span></span></includeonly><noinclude>
  
The grid template is a singular grid cell, which has the ability to display any image (usually a block or item) that is uploaded as Grid <Name>.png, within it.
+
The grid template is a singular grid cell, which has the ability to display any image (usually a block or item).
 
== Usage ==
 
== Usage ==
 
All inputs are optional (however Amount, Mod, Link and Title won't do anything without Name):<br>
 
All inputs are optional (however Amount, Mod, Link and Title won't do anything without Name):<br>

Revision as of 08:05, 14 October 2019


The grid template is a singular grid cell, which has the ability to display any image (usually a block or item).

Usage

All inputs are optional (however Amount, Mod, Link and Title won't do anything without Name):

{{Grid
|Mod:Name,Amount
|mod=Default mod (useful for animations and layout templates)
|default=Image always shown under the main image
|align=Vertical Alignment
|link=Link override
|title=Title, removes link
|class=Adds additional classes to the .grid class
}}

Examples

  • To display an image with an amount of 20 (2 - 999 is supported, anything else will not be displayed):

{{Grid|Straw,20}} - The automatic link is removed if {{SUBPAGENAME}} is the same as the item name. This is to help prevent self-links, use the link parameter to re-add the link if you need it.


  • If no image is specified, the background will be added on its own, this could be used to do layouts like so:
{{Grid|Gunpowder}}{{Grid|Gunpowder}}{{Grid}}{{Grid}}{{Grid|Gunpowder}}{{Grid|Gunpowder}}<br>
{{Grid|Gunpowder}}{{Grid|Gunpowder}}{{Grid}}{{Grid}}{{Grid|Gunpowder}}{{Grid|Gunpowder}}<br>
{{Grid}}{{Grid}}{{Grid|Gunpowder}}{{Grid|Gunpowder}}{{Grid}}{{Grid}}<br>
{{Grid}}{{Grid|Gunpowder}}{{Grid|Gunpowder}}{{Grid|Gunpowder}}{{Grid|Gunpowder}}{{Grid}}<br>
{{Grid}}{{Grid|Gunpowder}}{{Grid|Gunpowder}}{{Grid|Gunpowder}}{{Grid|Gunpowder}}{{Grid}}<br>
{{Grid}}{{Grid|Gunpowder}}{{Grid}}{{Grid}}{{Grid|Gunpowder}}{{Grid}}
  • Grids can be animated with a theoretically unlimited amount of frames, between mod items and vanilla items. Frames are separated by semi-colons (;).

{{Grid|Dirt;TNT,64;Grass Block,5;Sand;Gold Helmet,12;Redstone}}


  • Align uses the vertical-align CSS property. For example to align to the middle:

Smells like {{Grid|Raw Porkchop|align=middle}} in here!


  • To change the link from the image name put:

{{Grid|Charcoal|link=Coal#Charcoal}}


  • To remove the link, set link to none:

{{Grid|Charcoal|link=none}} - Note that this retains the title.


  • To add a different title, put:

{{Grid|Raw Porkchop|title=Smelly Pork}}


  • To remove the title, set title to none:

{{Grid|Raw Porkchop|title=none}} - Note that setting title will remove the link, due to a limitation in the software.

Other templates

These templates implement this template into a GUI screen which mimics how it would look in Minecraft. Thus, they have mostly the same features as this template. Template:Grid/See also