Template:ClickInternal: Difference between revisions
From The Urban Dead Wiki
Jump to navigationJump to search
(New page: <div style="display: inline-block; height: {{{height}}}; width: {{{width}}}; overflow: hidden; vertical-align: text-bottom;">[[{{{link}}}|<span style="position: absolute; display: block; f...) |
No edit summary |
||
Line 1: | Line 1: | ||
<div style="display: inline-block; height: {{{height}}}; width: {{{width}}}; overflow: hidden; vertical-align: text-bottom;">[[{{{link}}}|<span style="position: absolute; display: block; font-size: 0px; height: {{{height}}}; width: {{{width}}};" title="{{{mouseover}}}"> </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><div style="display: inline-block; height: {{{height}}}; width: {{{width}}}; overflow: hidden; vertical-align: text-bottom;">[[{{{link}}}|<span style="position: absolute; display: block; font-size: 0px; height: {{{height}}}; width: {{{width}}};" title="{{{mouseover}}}"> </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=== | |||
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 | |||
*This template will not work in IE version 8 or lower. It doesn't break the page however, so it's safe to use. | |||
**Use image redirects to make IE behave similarly. | |||
===Example=== | |||
<pre> | |||
{{ClickInternal | |||
|link=Example Page | |||
|image=Example.jpg | |||
|width=200px | |||
|height=150px | |||
|mouseover=You'll see this when you mouseover the image | |||
}} | |||
</pre> | |||
Will produce: | |||
{{ClickInternal | |||
|link=Example Page | |||
|image=Example.jpg | |||
|width=200px | |||
|height=150px | |||
|mouseover=You'll see this when you mouseover the image | |||
}} | |||
[[Category:Utility Templates|{{PAGENAME}}]]</noinclude> |
Revision as of 19:42, 8 August 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
- This template will not work in IE version 8 or lower. It doesn't break the page however, so it's safe to use.
- Use image redirects to make IE behave similarly.
Example
{{ClickInternal |link=Example Page |image=Example.jpg |width=200px |height=150px |mouseover=You'll see this when you mouseover the image }}
Will produce: