Template:Navimg

From MeritBadgeDotOrg

(Difference between revisions)
Jump to: navigation, search
(Simple 50px x 50px: update link)
(updagte links)
Line 26: Line 26:
|height= 50px
|height= 50px
|image = FleurDeLis.png
|image = FleurDeLis.png
-
|link = Boy Scouting
+
|link = Boy Scout Portal
}} ''Notice when you move your mouse (hover) over the BSA logo, the link is to [[Boy Scout Portal]] 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]].''
Line 34: Line 34:
|height= 75px
|height= 75px
|image = FleurDeLis.png
|image = FleurDeLis.png
-
|link = Boy Scouting
+
|link = Boy Scout Portal
}}</nowiki>
}}</nowiki>
Line 41: Line 41:
|height= 75px
|height= 75px
|image = FleurDeLis.png
|image = FleurDeLis.png
-
|link = Boy Scouting
+
|link = Boy Scout Portal
}}
}}
Line 51: Line 51:
|height= 100px
|height= 100px
|image = Venturing GrY.png
|image = Venturing GrY.png
-
|link = Venturing
+
|link = Venturing Portal
}}</div></nowiki>
}}</div></nowiki>
Line 58: Line 58:
|height= 100px
|height= 100px
|image = Venturing GrY.png
|image = Venturing GrY.png
-
|link = Venturing
+
|link = Venturing Portal
}}</div>
}}</div>

Revision as of 13:02, 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 Scout Portal
 }}
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 Portal
 }}</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