|
|
| Line 1: |
Line 1: |
| <includeonly><div style="display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; height:{{{height}}}; width: {{{width}}}; overflow:hidden; vertical-align:text-bottom"><span class="stealthexternallink">[{{{link}}} <span style="position:absolute; display:block; overflow:hidden; font-size:{{{height}}}; *font-size:0px; line-height:2; line-height:1\9; height:{{{height}}}; width:{{{width}}}" title="{{{mouseover|{{{link}}}}}}">            </span>]</span>[[Image:{{{image}}}|{{{width}}}]]<span style="background:#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.
| |
| | |
| *''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
| |
| *''mouseover'' is optional (and will default to ''link'')
| |
| | |
| This template will work in signatures, but be aware that it is quite weighty and so should be used in moderation (preferably just 1-2 images in your signature).
| |
| | |
| ===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> | |
