Solda gizlenen şeffaf MENÜ

Şeffaf gizli menüKodu yapıştıracağınız yer yönetim paneli>>afişasmak>> Genel bilgiler>>anasayfa mesajı>>arkadaşlar kodda iki tane link 1 bunlara ikisinede aynı linki yazcaksınız birisi resim için.ayrıca bayan resimlerini kafanıza göre deyişebilirsiniz. menü şeffaftır arkataraf görünüyor ayrıca yandan gizlidir.

Kod:

<script type="text/javascript">
var persistclose=0
var startX = 0
var startY = 0
var verticalpos="frombottom"

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function closebar(){
if (persistclose)
document·cookie="remainclosed=1"
document.getElementById("QNM").style.visibility="hidden"
}

function staticbar(){
  barheight=document.getElementById("QNM").offsetHeight
  var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
  var d = document;
  function ml(id){
      var el=d.getElementById(id);
      if (!persistclose || persistclose && get_cookie("remainclosed")=="")
      el.style.visibility="visible"
      if(d.layers)el.style=el;
      el.sP=function(x,y){this.style.left=x-+"px";this.style.top=y-100+"px";};
      el.x = startX;
      if (verticalpos=="fromtop")
      el.y = startY;
      else{
      el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
      el.y -= startY;
      }
      return el;
  }
  window.stayTopLeft=function(){
      if (verticalpos=="fromtop"){
      var pY = ns ? pageYOffset : iecompattest().scrollTop;
      ftlObj.y += (pY + startY - ftlObj.y)/8;
      }
      else{
      var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
      ftlObj.y += (pY - startY - ftlObj.y)/8;
      }
      ftlObj.sP(ftlObj.x, ftlObj.y);
      setTimeout("stayTopLeft()", 10);
  }
  ftlObj = ml("QNM");
  stayTopLeft();
}

if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<form id="QNM" style=" visibility: visible; left: -350px; width: 400px; top: 20%; height: 400px;" align="center" onmouseout="document.getElementById('QNM').style.left='-350px'" onmouseover="document.getElementById('QNM').style.left='0px'">
<table style="padding-left: 0px;" cellpadding="0" cellspacing="0" width="100%" >
<tr>
<td>
<table width="300" border="0" cellspacing="0" cellpadding="0"> <tr><td><img height="91" alt="" width="118"

src="http://i78.servimg.com/u/f78/12/88/81/02/5508nq10.gif" /></td> <td><img height="91" alt=""

width="118" src="http://i78.servimg.com/u/f78/12/88/81/02/2158fk10.jpg" /></a></td><td><img

height="91" alt="" width="118" src="http://i78.servimg.com/u/f78/12/88/81/02/11329110.gif"

/></a></td></table>
<table width="100%" cellpadding="0" cellspacing="1" border="0" class="bordercolor"><tr cellspacing="1" class="catbg"><font color="White"></font> </th></tr></table><table width="100%" height="81" cellpadding="0" cellspacing="1" border="0" class="bordercolor"><tr align="center" valign="middle" class="windowbg"><th width="10%" height="65" scope="col"><div align="center"><a href="LİNK 1"><img src="http://i78.servimg.com/u/f78/12/88/81/02/parche10.png" width="65" height="65" border="0" /></a></div></th><th width="10%" height="65" scope="col"><div align="center"><a href="LİNK 2"><img src="http://i78.servimg.com/u/f78/12/88/81/02/annonc10.png" width="65" height="65" border="0" /></a></div></th><th width="10%" height="65" scope="col"><div align="center"><a href="LİNK 3"><img src="http://i78.servimg.com/u/f78/12/88/81/02/magic10.png" width="65" height="65" border="0" /></a></div></th><th width="10%" height="65" scope="col"><div align="center">
<div align="center"><a href="LİNK 4"><img src="http://i78.servimg.com/u/f78/12/88/81/02/questi10.png" width="65" height="65" border="0" /></a></div><tr align="center" valign="middle" class="windowbg2"><th width="10%" scope="col"><div align="center" class="style2"><a href="LİNK 1"><font color="#99ffcc">Forum kuralları</font></a></div></th><th width="10%" scope="col"><div align="center" class="style2"><a href="LİNK 2"><font color="#99ffcc">Site duyuruları</font></a></div></th><th width="10%" scope="col"><div align="center" class="style2">
<div align="center"><a href="LİNK 3"><font color="#99ffcc">Düşünce ve istekler</font></a></div></div></th><th width="10%" scope="col"><div align="center" class="style2"><a href="LİNK 4"><font color="#99ffcc">Anketler</font></a></div></th></tr></table></br></div><table width="300" border="0" cellspacing="0" cellpadding="0"> <tr><td><img height="91" alt="" width="118"

src="http://i78.servimg.com/u/f78/12/88/81/02/5508nq10.gif" /></td> <td><img height="91" alt=""

width="118" src="http://i78.servimg.com/u/f78/12/88/81/02/2158fk10.jpg" /></a></td><td><img

height="91" alt="" width="118" src="http://i78.servimg.com/u/f78/12/88/81/02/11329110.gif"

/></a></td></table>
<td>
  <table style="padding-left: 0px;" cellpadding="0" cellspacing="0" width="100%">
      <td align="right"><img src="http://i68.servimg.com/u/f68/12/88/81/02/12315511.jpg" border="0" width="50" height="395"></td>
  </table>
</td>
</table>
</form>

<style type="text/css">

#QNM{
position: absolute;
background: #E6E6FA;
filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  opacity: 0.4;
visibility: hidden;
z-index: 100;
}
</style></p>

By_€yNaR