MEGA STATIC MENU WITH IFRAMES

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<style>
#f-box #f-box-wrap {display:none;z-index:99;padding:0px}
#f-box:hover  #f-box-wrap {display:block}
#f-box:hover  #f-box-wrap {position:absolute;top:30px;left:0px; z-index:999;}
</style>
<script>
hover = function() {
if (!document.body.currentStyle) return;
var DIVf-box = document.getElementById('f-box');
var DIVf-box_wrap = document.getElementById('f-box-wrap');
DIVf-box.onmouseover = function() {
DIVf-box_wrap.style.display = 'block';}
DIVf-box.onmouseout = function() {
DIVf-box_wrap.style.display = 'none';}}
window.onload = hover;
</script>

<div id="f-box">
<div id="static-button" style="top:0px;left:0px;position:fixed;z-index:999;">
<a href="https://start.me/p/Vb68d7/blogger-articles"><button style="width:auto; height:28px; background:#115599; color:#FFFFFF;  font: 14px Arial;">SOSIAL NETWORKS</button></a>
<div id="f-box-wrap">
<iframe frameborder="0" width="1260" height="750" src="https://start.me/p/WqMDRn/sosial-networks"></iframe>
</div></div></div>

<div id="f-box">
<div id="static-button" style="top:0px;left:150px;position:fixed;z-index:999;">
<a href="https://start.me/p/Vb68d7/blogger-articles"><button style="width:auto; height:28px; background:#105105; color:#FFFFFF;  font: 14px Arial;">MY CODES</button></a>
<div id="f-box-wrap">
<iframe frameborder="0" width="1200" height="750" src="https://start.me/p/W20mG6/html-css-js-codes"></iframe>
</div></div></div>

<div id="f-box">
<div id="static-button" style="top:0px;left:240px;position:fixed;z-index:999;">
<a href="https://start.me/p/Vb68d7/blogger-articles"><button style="width:auto; height:28px; background:#FF6600; color:#FFFFFF;  font: 14px Arial;">BLOGGER ARTICLES</button></a>
<div id="f-box-wrap">
<iframe frameborder="0" width="1100" height="750" src="https://start.me/p/Vb68d7/blogger-articles"></iframe>
</div></div></div>

<div id="f-box">
<div id="static-button" style="top:0px;left:392px;position:fixed;z-index:999;">
<a href="#"><button style="width:auto; height:28px; background:#FFFF00; color:#000000;font: 14px Arial;">MY LINKS</button></a>
<div id="f-box-wrap">
<iframe frameborder="0" width="960" height="750" src="https://docs.google.com/spreadsheets/d/1mdEE_FkslrVn_TEgWRdVUdp7g4rnJ9r4ge4jgglv_YA/pubhtml?gid=25900094&amp;single=true&amp;widget=true&amp;headers=false"></iframe></div></div></div>

<div id="f-box">
<div id="static-button" style="top:0px;left:471px;position:fixed;z-index:999;">
<a href="#"><button style="width:auto; height:28px; background:#F11111; color:#FFFFFF;font: 14px Arial;">MY WIDGETS</button></a>
<div id="f-box-wrap">
<iframe frameborder="0" width="980" height="750" src="https://docs.google.com/spreadsheets/d/1aLXP3gygj2TILXQkEmfF-CBe5sqp7y5zlLk92pQU1tE/pubhtml?widget=true&amp;headers=false"></iframe>
</div></div></div>