Difference between revisions of "Template:Sprite"
(changed sprite to work with non square grids) |
m |
||
Line 1: | Line 1: | ||
− | <includeonly><div style="position: relative; height: {{{ | + | <includeonly><div style="position: relative; height: {{{size|16}}}px; width: {{{size|16}}}px; overflow: hidden; display: inline-block; vertical-align: {{{align|middle}}};"><div style="position: absolute; height: {{{sheetheight|256}}}px; width: {{{sheetwidth|256}}}px; {{Sprite/pos|{{{pos|1}}}|{{{size|16}}}|{{{sheetheight|256}}}|{{{sheetwidth|256}}}}}">[[File:{{{image|BlockCSS.png}}}|link={{{link|}}}]]</div></div></includeonly><noinclude> |
{{/doc}} | {{/doc}} | ||
[[Category:Templates|S]] | [[Category:Templates|S]] | ||
</noinclude> | </noinclude> |
Revision as of 23:45, 10 May 2019
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 }}give: ______________________________________________________________________ ____________________________________________________________________________________
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 |
The above documentation is transcluded from Template:Sprite/doc. (edit | history)