ازرار رائعه للصفحات ..

<CENTER>
<!-- Kaynak: www.on-mouseover.de -->
<style type="text/css">

#menu10  {
border: solid 0px #e6e6e6;
width:190px;
margin: 0px;
padding:0px;

}

#menu10 ul ,#menu10 li{
 list-style: none;
        margin: 0px;
        padding: 0px;
        }

#menu10 li a:link , #menu10 li a:visited , #menu10 li a:active {display:block;height:38px;
line-height:38px;
background-image:url(http://i41.tinypic.com/mvjhux.jpg);

        color:#fff;
        text-decoration:none;
text-align:center;
        font-size: 13px;
        font-family: verdana, sans-serif;
padding-right:2px;
        padding-bottom:0px;
        margin:0px;

}

#menu10 li a:hover {background-color:#FEFFFF;
background-image:url(http://i44.tinypic.com/a9logx.jpg);
        color:#000;}

</style>

<div id="menu10">
<ul>
<!-- الزر الأول -->
<div id="fbml_turk">
  <li><a
 href="اللينك الأول" title="الزر الأول"><b>الزر الأول</b></a></li>
<!-- الزر الثانى -->
  <li><a
 href="اللينك الثانى" title="الزر الثانى"><b>الزر الثانى</b></a></li>
<!-- الزر الثالث -->
  <li><a
 href="اللينك الثالث" title="الزر الثالث"><b>الزر الثالث</b></a></li>
<!-- الزر الرابع -->
  <li><a
 href="اللينك الرابع" title="االزر الرابع"><b>الزر الرابع</b></a></li>
<!-- الزر الخامس -->
  <li><a
 href="اللينك الخامس" title="الزر الخامس"><b>الزر الخامس</b></a></li>
<!-- الزر السادس -->
  <li><a
 href="االلينك السادس" title="الزر السادس"><b>الزر السادس</b></a></li>
</ul>
</div>
</CENTER>