sadet48 - Yatay Menu

Yatay Menü kodunu göster:

<!YATAY MENÜ KODU BAŞLIYOR-->
<!DOCTYPE html>
<html><title>Yatay Menü</title>
  <head>
  <script type="text/javascript">
  $(function(){
  $("ul#menu li").hover(function){
    $(this).stop.animate(){
	   "background-position-y" : "-20px"
	   }, 200);
	   },function(){
    $(this).stop.animate(){
	   "background-position-y" : "0"
  }, 200);
  });
  });
  </script>
    <style>
a:link {font-family: Comic Sans MS; font-size: 11px; color:  black;;background-image:  none}
a:visited {color:blue;}
a:hover {font-family: Comic Sans MS; font-size: 11px; color:red; text-decoration:none;border: 1px solid grey;border-radius:10px 10px 10px 10px;background-color:white;opacity:0,3
}
a:active {color:grey;background-color:lightgreen;}
body
{
font-family:Comic Sans MS;font-size:14px;
background: url("https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTuH2e-D5skik_1Ld_lU0PzIcx-mCU6AODIi8vVCvk6LHr2sygEWQ")
}
ul li
{
list-style:none;margin:0px;padding:0px;
}
a
{padding-left:0px;padding-top:5px;padding-bottom:5px;text-decoration:none;}
*:focus {outline:0}
ul#menu
{
width: 1358px;overflow:hidden;margin-top:-20px;margin-bottom:-15px;margin-left:-50px;background-color:lightblue;
}
ul#menu li
{
float:left;height:25px;;background:  none
}
ul#menu li.m1
{border:solid grey 1px;border-radius:10px 10px 10px 10px;width:100px;background-position: 0 0}
ul#menu li.m2
{border:solid grey 1px;border-radius:10px 10px 10px 10px;width:0px;background-position:-300px 0}
ul#menu li.m3
{border:solid grey 1px;border-radius:10px 10px 10px 10px;width:100px;background-position:-450px 0}
ul#menu li.m4
{border:solid grey 1px;border-radius:10px 10px 10px 10px;width:100px;background-position:-600px 0}
ul#menu li.m5
{border:solid grey 1px;border-radius:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;width:100px;background-position:-750px 0}
ul#menu li.m6
{border:solid grey 1px;border-radius:10px 10px 10px 10px;width:100px;background-position:-900px 0}
ul#menu li.m7
{border:solid grey 1px;border-radius:10px 10px 10px 10px;width:100px;background-position:-1050px 0}
ul#menu li.m8
{border:solid grey 1px;border-radius:10px 10px 10px 10px;width:100px;background-position:-1200px 0}
ul#menu li.m9
{border:solid grey 1px;border-radius:10px 10px 10px 10px;width:100px;background-position:-1358px 0}
ul#menu li a
{
display:block; height:35px: text-indent:-9999px;text-align:center}
</style>
</head>
<body>

<ul id="menu">
<li class="m1"><a target="_blank" href="http://sadet48.tr.gg/Web-Tasarim.htm">Ana Sayfa</a></li>
<li class="m3"><a target="_blank" href="http://sadet48.tr.gg/CSS-Etiketleri.htm">Css</a></li>
<li class="m4"><a target="_blank" href="http://sadet48.tr.gg/CSS3-Etiketleri.htm">Css3</a></li>
<li class="m5"><a target="_blank" href="http://sadet48.tr.gg/HTML-Etiketleri.htm">Html</a></li>
<li class="m6"><a target="_blank" href="http://sadet48.tr.gg/HTML5-Etiketleri.htm">Html5</a></li>
<li class="m7"><a target="_blank" href="http://sadet48.tr.gg/Javascript-Fonksiyonlari.htm">Javascript</a></li> 
<li class="m8"><a target="_blank" href="http://sadet48.tr.gg/JQuery-K.ue.t.ue.phanesi.htm">JQuery</a></li>
<li class="m9"><a target="_blank" href="http://sadet48.tr.gg/Video-Dersler.htm">Video Dersler</a></li>
</ul>
</body>
</html>
<!YAYAY MENÜ KODU BİTİYOR-->