Difference between revisions of "Template:Icon"

From Beasts of Bermuda
Jump to: navigation, search
m (Removed trim template, it's broken, and added a manual way to remove white space.)
m (Both versions are not working, will now format page.)
Line 1: Line 1:
 
<includeonly>
 
<includeonly>
[[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|}}}]]
+
[[File:{{{1|broken_error_image.png}}}|link={{{link|}}}|{{#if: {{{w|}}} {{{h|}}} | {{{w|}}}x{{{h|}}}px | x{{{2|40}}}px }} | alt={{{caption|{{{link}}}}}} |class=icon {{{class|}}}]]
 
</includeonly>
 
</includeonly>
 
<noinclude>
 
<noinclude>
Usage:
+
 
 +
=Description=
 +
A Template used to insert Icons and Images in an easy way.
 +
 
 +
=Usage=
 +
 
 
<pre>
 
<pre>
 
     {{icon | Nesting_MAINPAGE.png }}
 
     {{icon | Nesting_MAINPAGE.png }}
 
</pre>
 
</pre>
  
Result:<br>
+
Result:  
 
{{icon | Nesting_MAINPAGE.png }}
 
{{icon | Nesting_MAINPAGE.png }}
  

Revision as of 13:54, 24 November 2024


Description

A Template used to insert Icons and Images in an easy way.

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