Üst Menü

<style type="text/css">

/*CSS Tasarim Ve Menu Merkezi */
/*URL: http://www.css-tasarimm.tr.gg/css-buton.htm */

#pointermenu{
border-top: 7px solid black; /*www.css-tasarimm.tr.gg*/
margin: 0;
padding: 0;
}

#pointermenu ul{
margin: 0;
margin-left: 15px; /*www.css-tasarimm.tr.gg*/
float: left;
padding-left: 8px;
font: bold 13px Verdana;
background-color: black;
background: black url(http://img.webme.com/pic/c/css-tasarimm/leftround.gif) bottom left no-repeat; /*optional left round corner*/
}

* html #pointermenu ul{ /*www.css-tasarimm.tr.gg*/
margin-bottom: 1em;
margin-left: 7px; /*www.css-tasarimm.tr.gg*/
}

#pointermenu ul li{
display: inline;
}


#pointermenu ul li a{
float: left;
color: white;
font-weight: bold;
padding: 2px 11px 7px 7px;
text-decoration: none;
background: url(http://img.webme.com/pic/c/css-tasarimm/pointer.gif) bottom center no-repeat;
}

#pointermenu ul li a:visited{
color: white;
}


#pointermenu ul li a:hover, #pointermenu ul li a#selected{ /*www.css-tasarimm.tr.gg*/
color: white;
background-color: darkred;
}

#pointermenu ul li a#rightcorner{
padding-right: 0;
padding-left: 2px;
background: url(http://img.webme.com/pic/c/css-tasarimm/rightround.gif) bottom right no-repeat; /*www.css-tasarimm.tr.gg*/
}

</style>
<div id="pointermenu">
<ul>
    <li><a href="http://www.css-tasarimm.tr.gg">Ana Sayfa</a></li>
    <li><a href="http://www.css-tasarimm.tr.gg">CSS</a></li>
    <li><a id="selected" href="http://www.css-tasarimm.tr.gg">Red</a></li>
    <li><a href="http://www.css-tasarimm.tr.gg">Forum</a></li>
    <li><a href="http://www.css-tasarimm.tr.gg">Gif Resimleri</a></li>
    <li><a href="http://www.css-tasarimm.tr.gg">Tasarimlar</a></li>
    <li><a href="http://www.css-tasarimm.tr.gg">İletişim</a></li>
    <li><a id="rightcorner" href="#">&nbsp;</a></li>
</ul>
</div>
<br style="clear: left;" />

<style type="text/css">
#menu {
   float:left;
   width:100%;
   background:#efefef;
   font-size:93%;
   line-height:normal;
   border-bottom:1px solid #666;
   }
#menu ul {
   margin:0;
   padding:10px 10px 0 50px;
   list-style:none;
   }
#menu li {
   display:inline;
   margin:0;
   padding:0;
   }
#menu a {
   float:left;
   background:url("http://img.webme.com/pic/c/css-tasarimm/tableftf.gif") no-repeat left top;
   margin:0;
   padding:0 0 0 4px;
   text-decoration:none;
   }
#menu a span {
   float:left;
   display:block;
   background:url("http://img.webme.com/pic/c/css-tasarimm/tabrightf.gif") no-repeat right top;
   padding:5px 15px 4px 6px;
   color:#666;
   }
   
/* www.css-tasarimm.tr.g */
#menu a span {float:none;}
/* End IE5-Mac hack */
#menu a:hover span {color:#FFFFFF;}
#menu a:hover {background-position:0% -42px;}
#menu a:hover span {background-position:100% -42px;}                   
                   
</style>
<div id="menu">
<ul>
    <li><font size="4"><a href="http://www.css-tasarimm.tr.gg" target="_self" title="sample"><span>css-tasarimm</span></a></font></li>
    <li><font size="4"><a href="http://www.css-tasarimm.tr.gg" target="_self" title="sample"><span>css-tasarimm</span></a></font></li>
    <li><font size="4"><a href="http://www.css-tasarimm.tr.gg" target="_self" title="sample"><span>css-tasarimm</span></a></font></li>
    <li><font size="4"><a href="http://www.css-tasarimm.tr.gg" target="_self" title="sample"><span>css-tasarimm</span></a></font></li>
    <li><font size="4"><a href="http://www.css-tasarimm.tr.gg" target="_self" title="sample"><span>css-tasarimm</span></a></font></li>
</ul>
</div>