WebScripts

Örnek Çalışmayı buraya komple bilgisayarınıza indirebilirsiniz.

		
<div id="demo-container">
<ul id="simple-menu">
<li><a href="http://cssornekleri.com/menu/detay/13" title="Home" class="current">Ana Sayfa</a></li>
<li><a href="http://cssornekleri.com/menu/detay/13" title="Home">Hakkımızda</a></li>
<li><a href="http://cssornekleri.com/menu/detay/13" title="Home">Hizmetler</a></li>
<li><a href="http://cssornekleri.com/menu/detay/13" title="Home">İletişim</a></li>
</ul>
</div>
		

		
<style type="text/css">
<!--

#demo-container{padding:25px 15px 0 15px;background:#67A897;}

ul#simple-menu{list-style-type:none;width:100%;position:relative;height:27px;font-family:"Trebuchet MS",Arial,sans-serif;font-size:13px;font-weight:bold;margin:0;padding:11px 0 0 0;}
ul#simple-menu li{display:block;float:left;margin:0 0 0 4px;height:27px;}
ul#simple-menu li.left{margin:0;}
ul#simple-menu li a{display:block;float:left;color:#fff;background:#4A6867;line-height:27px;text-decoration:none;padding:0 17px 0 18px;height:27px;}
ul#simple-menu li a.right{padding-right:19px;}
ul#simple-menu li a:hover{background:#2E4560;}
ul#simple-menu li a.current{color:#2E4560;background:#fff;}
ul#simple-menu li a.current:hover{color:#2E4560;background:#fff;}
-->
</style>