مجموعة ازرار برتقالية اللون اكثر من رائعه

<CENTER>
<!-- www.fbmlkod.org--> <style type="text/css">  #Catlak-site55bd  { border: solid 0px #e6e6e6; width:190px; margin: 0px; padding:0px;  }  #Catlak-site55bd ul ,#menu10 li{  list-style: none;        margin: 0px;        padding: 0px;        }  #Catlak-site55bd li a:link , #Catlak-site55bd li a:visited , #Catlak-site55bd li a:active {display:block;height:38px; line-height:38px; background-image:url(http://i1009.photobucket.com/albums/af213/catlak-site55/button2-1.png);          color:black;        text-decoration:none; text-align:center;        font-size: 13px;        font-family: verdana, sans-serif; padding-right:2px;        padding-bottom:0px;        margin:0px;  }  #Catlak-site55bd li a:hover {background-color:#FEFFFF; background-image:url(http://i1009.photobucket.com/albums/af213/catlak-site55/button1-1.png);        color:cyan;}  </style>  <div id="Catlak-site55bd"> <ul>
<!-- الزر الأول -->
  <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>