Widget:HoverCard: Difference between revisions
From Unforgotten Realms Wiki
Jump to navigationJump to search
imported>Pillowkeeper mNo edit summary |
imported>Pillowkeeper mNo edit summary |
||
| Line 1: | Line 1: | ||
<style> | <style> | ||
div { | |||
width: 500px; | |||
height: 290px; | |||
position: relative; | |||
border 1px solid black; | |||
overflow: hidden; | |||
} | |||
iframe{ | |||
height: 2000px; | |||
width: 500px; | |||
position: absolute; | |||
top: -500px; | |||
} | |||
.box{ | |||
display: none; | |||
} | } | ||
a:hover + .box { | a:hover + .box,.box:hover{ | ||
display: block; | |||
position: relative; | |||
z-index: 100; | |||
} | } | ||
</style> | </style> | ||
<a href="http://live.urealms.com/cards# | <a href="http://live.urealms.com/cards#<!--{$id|escape:'urlpathinfo'}-->"><!--{$name|escape:'html'}--></a> | ||
<div class="box"> | <div class="box"> | ||
<iframe src="http://live.urealms.com/cards# | <iframe src="http://live.urealms.com/cards#<!--{$id|escape:'urlpathinfo'}-->" scrolling="no" id="card" width = "450px" height = "500px"> | ||
</iframe> | </iframe> | ||
</div> | </div> | ||
Revision as of 19:07, 25 September 2016
<style>
div { width: 500px; height: 290px; position: relative; border 1px solid black; overflow: hidden; }
iframe{ height: 2000px; width: 500px; position: absolute; top: -500px; }
.box{
display: none;
}
a:hover + .box,.box:hover{
display: block; position: relative; z-index: 100;
} </style> <a href="http://live.urealms.com/cards#"></a>
<iframe src="http://live.urealms.com/cards#" scrolling="no" id="card" width = "450px" height = "500px"> </iframe>
