From MeritBadgeDotOrg

Revision as of 12:52, December 6, 2008 by Milominderbinder2 (Talk | contribs)
Jump to: navigation, search
[[:| ]]
[[Image:||image page]]



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.


 |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]]] -->


Simple 50px x 50px

 |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

 |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   

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