Moka: Created page with "{{doc/start}} 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. =..."

2011-04-03T13:29:16Z

Created page with "{{doc/start}} 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. =..."

New page

{{doc/start}}
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 ==
<pre>
{{Sprite
|pos=1
|align=text-top
|image=CommentCSS.png
|link=Help:Contents
|size=16
|sheetsize=48
}}
</pre>
Will Output: {{Sprite
|pos=1
|align=text-top
|image=CommentCSS.png
|link=Help:Contents
|size=16
|sheetsize=48
}}

{| class="wikitable"
! Parameter
! Function
! Default value
|-
| <code>pos</code> || Position index of the sprite, depends on <code>size</code> and <code>sheetsize</code> (left to right, starting at top-left sprite) || 1
|-
| <code>align</code> || Sets the [http://css-tricks.com/what-is-vertical-align/ vertical alignment] of the image to the text. || middle
|-
| <code>image</code> || Sprite sheet image, without prefix || [[:File:CommentCSS.png|CommentCSS.png]]
|-
| <code>link</code> || Create a link to this page || ''None''
|-
| <code>size</code> || Size of each sprite in pixels, width and height || 16
|-
| <code>sheetsize</code> || Size of the whole sheet in pixels, width and height, must be multiple of <code>size</code> || 48
|-
|}
{{doc/end}}

Template:Sprite/doc - Revision history

Moka: Created page with "{{doc/start}} 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. =..."