Template:Navimg

From MeritBadgeDotOrg

(Difference between revisions)
Jump to: navigation, search
(clear out extra unused samples)
(Simple 50px x 50px: update link)
Line 19: Line 19:
|height= 50px
|height= 50px
|image = FleurDeLis.png
|image = FleurDeLis.png
-
|link = Boy Scouting
+
|link = Boy Scout Portal
}}</nowiki>
}}</nowiki>
Line 27: Line 27:
|image = FleurDeLis.png
|image = FleurDeLis.png
|link = Boy Scouting
|link = Boy Scouting
-
}} ''Notice when you move your mouse (hover) over the BSA logo, the link is to [[Boy Scouting]] not [[:Image:FleurDeLis.png]].''
+
}} ''Notice when you move your mouse (hover) over the BSA logo, the link is to [[Boy Scout Portal]] not [[:Image:FleurDeLis.png]].''
===75px x 75px===
===75px x 75px===

Revision as of 12:52, December 6, 2008

[[:| ]]
[[Image:||image page]]

Contents

Use

The automatic link created by Wikipedia when you insert an image is to that image's page. But many if not most users want to go to the article, not download the image and end up in a dead end.

Navimg allows you to use an image as a link to an article. Click the image and you go to that article not the image pages.

Format

{{Navimg
 |width =         <!-- required: such as "100px" -->
 |height=         <!-- required: such as "100px" -->
 |image =         <!-- required: such as: FleurDeLis.png -->
 |link  =         <!-- required: such as: Boy Scouting - name of the WIki page without [[brackets]]] -->
 }}

Examples

Simple 50px x 50px

{{Navimg
 |width = 50px
 |height= 50px
 |image = FleurDeLis.png
 |link  = Boy Scout Portal
 }}
image page
Notice when you move your mouse (hover) over the BSA logo, the link is to Boy Scout Portal not Image:FleurDeLis.png.

75px x 75px

{{Navimg
 |width = 75px
 |height= 75px
 |image = FleurDeLis.png
 |link  = Boy Scouting
 }}
image page

Veritcal 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   
 }}</div> 


Single line example

{{Navimg|width = 52px|height= 52px|image = iphone.png|link  = M.Main_Page}}
image 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/PDA interface]</span> link.  
 You can always have the requirements with you! Test it on your phone!</center>
 |}


◄— Check out the new Mobile/PDA interface link. You can always have the requirements with you! Test it on your phone!
Personal tools
language