Difference between revisions of "Template:Icon"

From Beasts of Bermuda
Jump to: navigation, search
m (Testing6 (Working?!))
m (Could be finished?)
Line 1: Line 1:
 
<includeonly>
 
<includeonly>
[[File:{{{1|error.png}}}|link={{{link|Main_Page}}}|{{#if: {{{w|}}} {{{h|}}} | {{{w|}}}x{{{h|}}}px | x40px }}|alt={{{caption|{{{link| {{{1}}} }}}}}} |class=icon {{{class|}}}]] <span> class="after-icon"> </span>
+
[[File:{{{1|error.png}}}|link={{{link|}}}|{{#if: {{{w|}}} {{{h|}}} | {{{w|}}}x{{{h|}}}px | x40px }}|alt={{{caption|{{{link| {{{1}}} }}}}}} |class=icon {{{class|}}}]]
 
</includeonly>
 
</includeonly>
 
<noinclude>
 
<noinclude>

Revision as of 13:05, 24 November 2024


Usage:

    {{icon | Nesting_MAINPAGE.png }}

Result:

Nesting_MAINPAGE.png

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:

Nesting_MAINPAGE.png

Usage:

    {{icon | Nesting_MAINPAGE.png | 50 }}

Result:

Nesting_MAINPAGE.png

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:

Nesting_MAINPAGE.png

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 | Missing Filename 123.png | link = Nesting }}

Result:

x40px

Drop shadow:

    {{icon | Nesting_MAINPAGE.png | class = lightmode-drop-shadow }}


Nesting_MAINPAGE.png