Difference between revisions of "Template:Icon"

From Beasts of Bermuda
Jump to: navigation, search
m (Sizing still bugged.)
m (Fixed?)
Line 1: Line 1:
 
<includeonly>
 
<includeonly>
[[File:{{{1|error.png}}}|link={{{link|}}}|{{#if: {{{w|}}} {{{h|}}} | {{{w|}}}x{{{h|}}}px | x60px }}|alt={{{caption|{{{link}}}}}} |class=icon {{{class|}}}]]
+
[[File:{{{1|error.png}}}|link={{{link|}}}|{{#if: {{{w|}}} {{{h|}}} | {{{w|}}}x{{{h|}}}px | x{{{2|40}}}px }}|alt={{{caption|{{{link}}}}}} |class=icon {{{class|}}}]]
 
</includeonly>
 
</includeonly>
 
<noinclude>
 
<noinclude>
Line 74: Line 74:
 
{{icon | Missing Filename 123.png | link = Nesting }}
 
{{icon | Missing Filename 123.png | link = Nesting }}
  
Drop shadow:
+
[[Category: Templates]]
<pre>
 
    {{icon | Nesting_MAINPAGE.png | class = lightmode-drop-shadow }}
 
</pre>
 
 
 
{{icon | Nesting_MAINPAGE.png | class = lightmode-drop-shadow }}
 
 
 
[[Category:Icon templates]]
 
 
</noinclude>
 
</noinclude>
 
[[Category: Templates]]
 

Revision as of 13:15, 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 | Missing Filename 123.png | link = Nesting }}

Result:

x40px