كود ازرار خضراء اللون رائعه

<!-- FBML Yesil (TEST) Menü CSS  -->

<style type="text/css">



#fbml_yesil {

    width: 185px;

    font-family: Verdana, Geneva, sans-serif;

    }

 

#fbml_yesil li a {

      height: 30px;

    text-decoration: none;

    }

 

#fbml_yesil li a:link, #fbml_yesil li a:visited {

    color: #ffffff;

    display: block;

    background: url(http://i40.tinypic.com/fwqhpj.png);

    padding: 8px 0 0 8px;

    }

 

#fbml_yesil li a:hover, #fbml_yesil li a:active {

    color: #f90707;

    background: url(http://i40.tinypic.com/fwqhpj.png) 0 -56px;

    padding: 8px 0 0 8px;

    }

 

#fbml_yesil ul li {

    font-family: Verdana, Geneva, sans-serif;

        font-weight: bold;

    font-size: 14px;

}



</style>



<!-- الزر الأول -->

<div id="fbml_yesil">

  <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>