Css Dock menü Siteniz için

<script type="text/javascript" src="http://ugurgulay1.googlepages.com/jquery.js"></script>
<script type="text/javascript" src="http://ugurgulay1.googlepages.com/interface.js"></script>

<!--[if lt IE 7]>
 <style type="text/css">
 div, img { behavior: url(http://ugurgulay1.googlepages.com/iepngfix.htc) }
 </style>
<![endif]-->

<link href="http://ugurgulay1.googlepages.com/style3.css" rel="stylesheet" type="text/css" />
</head>

  <div id="container">
    <div class="wrapper">
      <div id="header">
        <div class="wrapper">
          <h1 id="page-title"><div id='g_title'><div id="wrap">
<p class="separator" style="CLEAR: both; TEXT-ALIGN: center"></p>
<p class="separator" style="CLEAR: both; TEXT-ALIGN: center"></p>
<div id="header">Ugurca Web'e Hosgeldiniz!!!</div></div></div></h1>
          <div style="clear: both"></div>
          <p class="description"><div id='g_description'> </div></p>
          <div style="clear: both"></div>
        </div>
      </div>
      <!-- /wrapper --><!-- /header -->
      </tr>
   </table>
   <table width="710" height="60" cellpadding="0" cellspacing="0" class="tranbar" background="http://www.cbox.com.tr/images/tb-moz.jpg" border="0"  >
         <tr>
         <td width="100%" height="100%" >

<div class="dock" id="dock">
  <div class="dock-container">
<a class="dock-item" href="http://ugurcaweb.tr.gg/"><img src="http://ugurgulay1.googlepages.com/home.png" alt="ana sayfa" /><span>Ana Sayfa</span></a>
  <a class="dock-item" href="http://ugurcaweb.tr.gg/iletisim.htm?PHPSESSID=f148bd389ee89267beb65be7761175a0"><img src="http://ugurgulay1.googlepages.com/email.png" alt="iletişim" /><span>İletişim</span></a>
  <a class="dock-item" href="http://ugurcaweb.tr.gg/Html-Kodlar.htm"><img src="http://ugurgulay1.googlepages.com/portfolio.png" alt="Html Kodları" /><span>Html Kodları</span></a>
  <a class="dock-item" href="http://ugurcaweb.tr.gg/Muzik-Dinle.htm"><img src="http://ugurgulay1.googlepages.com/music.png" alt="müzik" /><span>Müzik</span></a>
  <a class="dock-item" href="http://ugurcaweb.tr.gg/Videolar.htm"><img src="http://ugurgulay1.googlepages.com/video.png" alt="videolar" /><span>Videolar</span></a>
  <a class="dock-item" href="http://ugurcaweb.tr.gg/Ziyaret%E7i-Defteri.htm"><img src="http://ugurgulay1.googlepages.com/cbkull.png" alt="ziyaretçi defteri" /><span>Ziyaretçi Defteri</span></a>
  <a class="dock-item" href="http://ugurcaweb.tr.gg/%26%23351%3Biirler.htm"><img src="http://ugurgulay1.googlepages.com/bayiagi.png" alt="şiirler" /><span>Şiirler</span></a>
  <a class="dock-item" href="http://ugurcaweb.tr.gg/yemek-tarif.htm"><img src="http://ugurgulay1.googlepages.com/siparis.png" alt="rss" /><span>Yemek Tarifleri</span></a>
</div>
</div>
<script type="text/javascript">
   
   $(document).ready(
      function()
      {
         $('#dock').Fisheye(
            {
               maxWidth: 50,
               items: 'a',
               itemsText: 'span',
               container: '.dock-container',
               itemWidth: 40,   
               proximity: 90,
               halign : 'center'
            }
         )
      }
   );

</script>
</body>
</html>