MENÜ KODU

<style type="text/css">

.arrowgreen{
   width: 180px; /*width of menu*/
   border-style: solid solid none solid;
   border-color: #94AA74;
   border-size: 1px;
   border-width: 1px;
}

.arrowgreen ul{
   list-style-type: none;
   margin: 0;
   padding: 0;
}
   
.arrowgreen li a{
   font: bold 12px Verdana, Arial, Helvetica, sans-serif;
   display: block;
   background: transparent url(http://www.ktunnel.com/index.php/1010110A/6c3e8f57c4fcec93f7af62298ad8bd729ca456a76b853da49f5bd49801ec90c11b02b32e2a937f6b27d502154f55e607456f9f335c8a280bf817280) 100% 0;
  height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
   padding: 4px 0 4px 10px;
   line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
   text-decoration: none;
}   
   
.arrowgreen li a:link, .arrowgreen li a:visited {
   color: #5E7830;
}

.arrowgreen li a:hover{
   color: #26370A;
   background-position: 100% -32px;
}

   
.arrowgreen li a.selected{
   color: #26370A;
   background-position: 100% -64px;
}

</style>



<div class="arrowgreen">
   <ul>
      <li><a href="http://www.dynamicdrive.com" title="Home">Home</a></li>
      <li><a href="http://www.dynamicdrive.com/style/" class="selected" title="CSS">CSS Library</a></li>
      <li><a href="http://www.ddwhois.com" title="Whois">DD Whois</a></li>
      <li><a href="http://www.dynamicdrive.com/forums/" title="Forums">Forums</a></li>
      <li><a href="http://tools.dynamicdrive.com/" title="Tools">Webmaster Tools</a></li>
      <li><a href="http://www.javascriptkit.com" title="JavaScript">JavaScript</a></li>
   </ul>
</div>

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.halfmoon{
margin-bottom: 1em;
}

.halfmoon ul{
padding: 3px 9px 2px 5px;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
border-bottom: 1px solid #929492;
}

.halfmoon li{
display: inline;
margin: 0;
}

.halfmoon li a{
text-decoration: none;
padding: 3px 9px 2px 5px;
margin: 0;
margin-right: 1px; /*distance between each tab*/
border-left: 1px solid #DDD;
color: black;
font-size: 13px;
background: #ECEEEC url(media/tabright.gif) top right no-repeat;
}

.halfmoon li a:visited{
color: black;
}

.halfmoon li a:hover{
background-color: #CDDADA;
color: navy;
}

</style>
<div class="halfmoon">
<ul>
<li><a href="http://www.dynamicdrive.com">Home</a></li>
<li><a href="http://www.dynamicdrive.com/new.htm">DHTML</a></li>
<li class="selected"><a href="http://www.dynamicdrive.com/style/">CSS</a></li>
<li><a href="http://www.dynamicdrive.com/forums/">Forums</a></li>
<li><a href="http://tools.dynamicdrive.com/imageoptimizer/">Gif Optimizer</a></li>
</ul>
</div>