Widget:FileUrlStyle/doc

[⧼page-header-action-button-purge⧽]

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

This widget allows local files to be used in CSS. Don't use this directly, use Template:FileUrlStyle instead.

It's like Widget:FileUrl, except it assigns the url to a class, so it can be used many times on a page without bloating the page size with the URL.

Example

{{#widget: FileUrlStyle
| class = diamond-icon
| url = thumb/7/72/Grid_Diamond.png/16px-Grid_Diamond.png
}}
[[Diamond|<span class="diamond-icon" style="padding-left:18px;background-repeat:no-repeat">Diamond</span>]]

Diamond