|
|
| (4 intermediate revisions by 2 users not shown) |
| Line 1: |
Line 1: |
| <includeonly><div style="display: inline-block; height: {{{height}}}; width: {{{width}}}; overflow: hidden; vertical-align: text-bottom;"><span class="stealthexternallink">[{{{link}}} <span style="position: absolute; display: block; font-size: 0px; height: {{{height}}}; width: {{{width}}};" title="{{{mouseover}}}"> </span>]</span>[[Image:{{{image}}}|{{{width}}}]]<span style = "background-color: #f08; display: block; width: 100%; height: 100%;">'''Use a smaller height''' if you can see this message.</span></div></includeonly><noinclude>
| | #REDIRECT [[Template:Click]] |
| ===Usage===
| |
| Give images your own link to a page off of the wiki.
| |
| | |
| *''link'' and ''image'' don't need square brackets.
| |
| *''height'' and ''width'' must be specified in px and should match the image's size.
| |
| **If the sizes are not correct, you may see a message with a hot pink background; simply decrease the height
| |
| *'''This template will not work in IE version 8 or lower.''' It doesn't break the page however, so it's safe to use.
| |
| **Unfortunately, there's no obvious fix for IE, so you should provide a separate link elsewhere for IE users.
| |
| | |
| ===Example===
| |
| <pre>
| |
| {{ClickExternal
| |
| |link=http://www.google.com
| |
| |image=Example.jpg
| |
| |width=200px
| |
| |height=150px
| |
| |mouseover=You'll see this when you mouseover the image
| |
| }}
| |
| </pre>
| |
| Will produce:
| |
| {{ClickExternal
| |
| |link=http://www.google.com
| |
| |image=Example.jpg
| |
| |width=200px
| |
| |height=150px
| |
| |mouseover=You'll see this when you mouseover the image
| |
| }}
| |
| | |
| [[Category:Utility Templates|{{PAGENAME}}]]</noinclude> | |
