Template:ClickInternal: Difference between revisions
From The Urban Dead Wiki
Jump to navigationJump to search
No edit summary |
The Rooster (talk | contribs) (IE fix) |
||
| Line 1: | Line 1: | ||
<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: | <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: 1000px; line-height: 1; height: {{{height}}}; width: {{{width}}};" title="{{{mouseover|{{{link}}}}}}"> </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. | ||
| Line 6: | Line 6: | ||
*''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 | ||
*''' | *''mouseover'' is optional (and will default to ''link'') | ||
===Example=== | ===Example=== | ||
Revision as of 00:21, 27 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
- mouseover is optional (and will default to link)
Example
{{ClickInternal
|link=Example Page
|image=Example.jpg
|width=200px
|height=150px
|mouseover=You'll see this when you mouseover the image
}}
Will produce:
