Template:ClickExternal: Difference between revisions
From The Urban Dead Wiki
Jump to navigationJump to search
The Rooster (talk | contribs) mNo edit summary |
The Rooster (talk | contribs) m (Only deleted the most important bit of code in the copy-paste there...) |
||
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:-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> | ||
===Usage=== | ===Usage=== | ||
Give images your own link. | Give images your own link. |
Revision as of 06:10, 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: