Template:ClickExternal: Difference between revisions
From The Urban Dead Wiki
Jump to navigationJump to search
No edit summary |
The Rooster (talk | contribs) No edit summary |
||
| 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">[<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> | |||
<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> | <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> | ||
===Usage=== | ===Usage=== | ||
Give images your own link | Give images your own link. | ||
*''link'' and ''image'' don't need square brackets. | *''link'' and ''image'' don't need square brackets. | ||
*''height'' and ''width'' must be specified in px and should match the image's size. | *''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 | **If the sizes are not correct, you may see a message with a hot pink background; simply decrease the height | ||
*'''This template will | *''mouseover'' is optional (and will default to ''link'') | ||
This template will work in signatures as an alternative to image redirects, but be aware that it is quite weighty and so should be used in moderation. | |||
===Example=== | ===Example=== | ||
Revision as of 06:08, 1 September 2010
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 as an alternative to image redirects, but be aware that it is quite weighty and so should be used in moderation.
Example
{{ClickExternal
|link=http://www.google.com
|image=Example.jpg
|width=200px
|height=150px
|mouseover=You'll see this when you mouseover the image
}}
Will produce:
