Template:Sprite

Template page
Revision as of 08:18, 9 September 2012 by Arrran Weeviling (talk | contribs) (Created page with "<includeonly><span style="position: relative; height: {{{size|16}}}px; width: {{{size|16}}}px; overflow: hidden; display: inline-block; vertical-align: {{{align|middle}}};"><s...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

{{#vardefine: nodoc | {{{nodoc}}} }}{{#vardefine: baddoc | {{{baddoc}}} }}

This template creates a sprite from a sheet image. Commonly used when many small images are displayed on one page to reduce the total amount of HTTP connections.

Examples

{{Sprite
|pos=1
|align=text-top
|image=BlockCSS.png
|link=Grass
|size=16
|sheetsize=256
}}

gives: File:BlockCSS.png

Parameter Function Default value
pos Position index of the sprite, depends on size and sheetsize (left to right, starting at top-left sprite) 1
align Sets the vertical alignment of the image to the text. middle
image Sprite sheet image, without prefix BlockCSS.png
link Create a link to this page None
size Size of each sprite in pixels, width and height 16
sheetsize Size of the whole sheet in pixels, width and height, must be multiple of size 256