Difference between revisions of "Template:Sprite"
m |
|||
Line 1: | Line 1: | ||
− | <includeonly>< | + | <includeonly><span class="sprite" style="{{ |
+ | #ifeq: {{{size|16}}} | 16 || height: {{{size}}}px; width: {{{size}}}px; }} {{ | ||
+ | #if: {{{align|}}} | vertical-align: {{{align}}} }}"><span style="{{ | ||
+ | #ifeq: {{{sheetsize|256}}} | 256 || height: {{{sheetsize}}}px; width: {{{sheetsize}}}px; }} {{Sprite/pos|{{{pos|1}}}|{{{size|16}}}|{{{sheetsize|256}}}}}">[[File:{{{image|BlockCSS.png}}}|link={{{link|}}}]]</span></span></includeonly><noinclude> | ||
{{/doc}} | {{/doc}} | ||
[[Category:Templates|S]] | [[Category:Templates|S]] | ||
</noinclude> | </noinclude> |
Revision as of 11:00, 11 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)