Template:FileUrlStyle/doc

[purge]

This is the documentation page. It should be transcluded into the main template page. See Template:Documentation for more information

By using Widget:FileUrlStyle, this template allows local files to be used in CSS, by assigning them to a class. This is an alternative to {{FileUrl}} for mass usage, as it avoids bloating the page with the file URL being repeated.

Note that the wiki doesn't count the file as being "used", and thus if there's no page which embeds the file with the normal [[File:]] syntax, it will end up in Special:UnusedFiles and may get deleted. So make sure to properly use the file somewhere, like the documentation page for the template the file is being used in.

Example

Adding a background image to text inside a link:

{{FileUrlStyle|diamond-icon|Grid Diamond.png|16px}}
[[Diamond|<span class="diamond-icon" style="padding-left:18px;background-repeat:no-repeat">Diamond</span>]]

Diamond