Difference between revisions of "Template:Icon"

From Beasts of Bermuda
Jump to: navigation, search
m (Added trim template do make the template easier to use.)
m (Removed trim template, it's broken, and added a manual way to remove white space.)
Line 1: Line 1:
 
<includeonly>
 
<includeonly>
[[File:{{{1|broken_error_image.png}}}|link={{{link|}}}|{{#if: {{{w|}}} {{{h|}}} | {{{w|}}}x{{{h|}}}px | x{{trim | {{{2|40}}} }}px }} | alt={{{caption|{{{link}}}}}} |class=icon {{{class|}}}]]
+
[[File:{{{1|broken_error_image.png}}}|link={{{link|}}}|{{#if: {{{w|}}} {{{h|}}} | {{{w|}}}x{{{h|}}}px | {{#if: {{{x{{{2|40}}}px}}} | {{{x{{{2|40}}}px}}} }} }} | alt={{{caption|{{{link}}}}}} |class=icon {{{class|}}}]]
 
</includeonly>
 
</includeonly>
 
<noinclude>
 
<noinclude>

Revision as of 13:51, 24 November 2024


Usage:

    {{icon | Nesting_MAINPAGE.png }}

Result:

{{{link}}}


The default size is x40px meaning the icon is scaled until the height is 40 px.
It's usually important to limit the height since the icons are used inline, and a very high inline image makes for an unpleasant text layout.

An alternative value for the height can be provided like so:

Usage:

    {{icon | Nesting_MAINPAGE.png | 30 }}

Result:

{{{link}}}


Usage:

    {{icon | Nesting_MAINPAGE.png | 50 }}

Result:

{{{link}}}


Alternatively you can use the named parameters w and h.
Note that these are max values so the more limiting one applies.
In the following example, the height value is essentially ignored because the original image is a square so the width becomes the limiting factor. (Were the original image 200 by 500, the result would be 20 by 50.)

Usage:

    {{icon | Nesting_MAINPAGE.png | w = 20 | h = 50 }}

Result:

{{{link}}}


You can also provide a link:

Usage:

    {{icon | Nesting_MAINPAGE.png | link = Nesting }}

Result:

Nesting


Caption (alt text) will be the link by default but can be changed:

Usage:

    {{icon | Nesting_MAINPAGE.png | link = Nesting | caption = Blah }}

Result:

Blah


Behavior when icon is missing:

Usage:

    {{icon | link = Nesting }}

Result:

Nesting