Template:Navimg/doc
From MeritBadgeDotOrg
Usage
The automatic link created by MediaWiki when you insert an image is to that image's page. But many, if not most, users want to go to the article — not to download the image, i.e., ending up somewhere they weren't expecting.
Navimg allows you to use an image as a link to an article. Click on the image and you go to the article, instead of the image.
Parameters
{{Navimg
|width = <!-- (Required) E.g.: 44px -->
|height= <!-- (Required) E.g.: 44px -->
|image = <!-- (Required) E.g.: FleurDeLis.png -->
|link = <!-- (Required) E.g.: Scouts BSA Portal (i.e., Name of internal link (without the [[brackets]])) -->
}}
Examples
Simple 44px x 44px
{{Navimg
|width = 44px
|height= 44px
|image = FleurDeLis.png
|link = Scouts BSA Portal
}}
Notice when you move your mouse (hover) over the BSA logo, the link is to Scouts BSA Portal not Image:FleurDeLis.png.
75px x 75px
{{Navimg
|width = 75px
|height= 75px
|image = FleurDeLis.png
|link = Scouts BSA Portal
}}
Left, right, or center alignment
Use div align to set the location to left, right or center.
<div align="center">{{Navimg
|width = 95px
|height= 100px
|image = Venturing GrY.png
|link = Venturing Portal
}}</div>
Single line example
{{Navimg|width = 52px|height= 52px|image = iphone.png|link = M.Main_Page}}
As a part of a message box
{| style="width: 80%; margin: 0 0 0 10%; border-collapse: collapse; background: #DDEEEE; border: 1px solid #aaa; border-left: 10px solid #1e90ff;"
|-
| style="width: 52px; padding: 2px 0px 2px 0.5em; text-align: center;" |
{{Navimg|width = 52px|height= 52px|image = iphone.png|link = M.Main_Page}}
| style="padding: 0.25em 0.5em;" | <center>◄— Check out the new
<span class="plainlinks">[{{fullurl:m.Main Page|useskin=myskin}} Mobile interface]</span> link.
You can always have the requirements with you! Test it on your phone!</center>
|}
| |
