Difference between revisions of "Template:Grid/doc"
(Oh this is all very silly. But useful!) |
|||
Line 3: | Line 3: | ||
== Usage == | == Usage == | ||
Put <code><nowiki>{{Grid|Name}}}</nowiki></code> where you want the image. | Put <code><nowiki>{{Grid|Name}}}</nowiki></code> where you want the image. | ||
+ | |||
+ | You can also specify the [http://www.w3.org/wiki/CSS/Properties/vertical-align vertical alignment] of the text with the image. | ||
+ | <code><nowiki>{{Grid|Name|Vertical Alignment}}</nowiki></code> | ||
== Examples == | == Examples == | ||
− | To display this image [[File:Grid | + | To display this image [[File:Grid Raw Porkchop.png]] you would put: <code><nowiki>{{Grid|Raw Porkchop}}</nowiki></code> |
;which will result in: | ;which will result in: | ||
− | {{Grid| | + | {{Grid|Raw Porkchop}} |
+ | |||
+ | |||
+ | If no image is specified, the background will be added on its own, allowing you to do layouts like so: | ||
+ | <pre>{{Grid|TNT}}{{Grid|TNT}}{{Grid}}{{Grid}}{{Grid|TNT}}{{Grid|TNT}}<br /> | ||
+ | {{Grid|TNT}}{{Grid|TNT}}{{Grid}}{{Grid}}{{Grid|TNT}}{{Grid|TNT}}<br /> | ||
+ | {{Grid}}{{Grid}}{{Grid|TNT}}{{Grid|TNT}}{{Grid}}{{Grid}}<br /> | ||
+ | {{Grid}}{{Grid|TNT}}{{Grid|TNT}}{{Grid|TNT}}{{Grid|TNT}}{{Grid}}<br /> | ||
+ | {{Grid}}{{Grid|TNT}}{{Grid|TNT}}{{Grid|TNT}}{{Grid|TNT}}{{Grid}}<br /> | ||
+ | {{Grid}}{{Grid|TNT}}{{Grid}}{{Grid}}{{Grid|TNT}}{{Grid}}</pre> | ||
+ | ;which will result in: | ||
+ | {{Grid|TNT}}{{Grid|TNT}}{{Grid}}{{Grid}}{{Grid|TNT}}{{Grid|TNT}}<br /> | ||
+ | {{Grid|TNT}}{{Grid|TNT}}{{Grid}}{{Grid}}{{Grid|TNT}}{{Grid|TNT}}<br /> | ||
+ | {{Grid}}{{Grid}}{{Grid|TNT}}{{Grid|TNT}}{{Grid}}{{Grid}}<br /> | ||
+ | {{Grid}}{{Grid|TNT}}{{Grid|TNT}}{{Grid|TNT}}{{Grid|TNT}}{{Grid}}<br /> | ||
+ | {{Grid}}{{Grid|TNT}}{{Grid|TNT}}{{Grid|TNT}}{{Grid|TNT}}{{Grid}}<br /> | ||
+ | {{Grid}}{{Grid|TNT}}{{Grid}}{{Grid}}{{Grid|TNT}}{{Grid}} | ||
+ | |||
+ | |||
+ | To align text to the middle on the same line as the image you would put: <code><nowiki>Smells like {{Grid|Raw Porkchop|middle}} in here!</nowiki></code> | ||
+ | ;which will result in: | ||
+ | Smells like {{Grid|Raw Porkchop|middle}} in here! | ||
{{Grid/Available images}} | {{Grid/Available images}} |
Revision as of 13:09, 3 October 2011
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 {{{1}}}.png, within it.
Usage
Put {{Grid|Name}}}
where you want the image.
You can also specify the vertical alignment of the text with the image.
{{Grid|Name|Vertical Alignment}}
Examples
To display this image you would put: {{Grid|Raw Porkchop}}
- which will result in
If no image is specified, the background will be added on its own, allowing you to do layouts like so:
{{Grid|TNT}}{{Grid|TNT}}{{Grid}}{{Grid}}{{Grid|TNT}}{{Grid|TNT}}<br /> {{Grid|TNT}}{{Grid|TNT}}{{Grid}}{{Grid}}{{Grid|TNT}}{{Grid|TNT}}<br /> {{Grid}}{{Grid}}{{Grid|TNT}}{{Grid|TNT}}{{Grid}}{{Grid}}<br /> {{Grid}}{{Grid|TNT}}{{Grid|TNT}}{{Grid|TNT}}{{Grid|TNT}}{{Grid}}<br /> {{Grid}}{{Grid|TNT}}{{Grid|TNT}}{{Grid|TNT}}{{Grid|TNT}}{{Grid}}<br /> {{Grid}}{{Grid|TNT}}{{Grid}}{{Grid}}{{Grid|TNT}}{{Grid}}
- which will result in
To align text to the middle on the same line as the image you would put: Smells like {{Grid|Raw Porkchop|middle}} in here!
- which will result in
Available images
Blocks
Items
Put uploaded images in Category:Grid images.
Other templates
These templates implement the grid template into a GUI screen which mimics how it would look in Minecraft with CSS.
- {{Crafting Table}}
- {{Furnace}}
This is the documentation page, it should be transcluded into the main template page. See Template:Doc for more information.