1
2
3
4
5
6
7
8
9
10
11
12
13
14
15 | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {$(".floatingbox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-510"}, "medium");}, 500);});
</script>
<style>
.floatingbox{
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi22qqSvXJA_96dH_yrgaEQpSjY3iaDs1Y58OADXmaNzRE4kw4i6idkn1F_UlVbUk2qWPNdKrzyArr0FxctL_sC3HKfWnnqpY4Q9P9C2L4_RWV9149NqXsBAdeUT-Clw7z_EnTkAlqGCKdV/w30-h120-no/POSTS.JPG")
no-repeat scroll left top transparent !important;
display:block;float:right;height:auto;padding: 0 0 0 30px;width:510px;
z-index: 99999;position:fixed;right:-510px;top:30px;}
.floatingbox div{border:none;position:relative;display:block;}
</style>
<div class="floatingbox">
<iframe frameborder="0" width="510" height="700" src="https://docs.google.com/spreadsheets/d/1250n3upxFNUwA50hSL73OZK0fvXv0CHmFF1OTE_443M/pubhtml?gid=898874275&single=true&widget=true&headers=false"></iframe>
</div>
|
