ازرار منتداك بتقنية CSS

السلام عليكم , عندنا اليكم بكود جديد
نتمنى ان يحوز على اعجاب الجميع
دون الاطالة في المقدمات أترككم مع الكود

الكود يعمل مع جميع النسخ

الكود

الكود:


.mainmenu {
  border-top: 1px solid #96d1f8;
  background: #65a9d7;
  background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
  background: -moz-linear-gradient(top, #3e779d, #65a9d7);
  padding: 3px 6px;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
  box-shadow: rgba(0,0,0,1) 0 1px 0;
  text-shadow: rgba(0,0,0,.4) 0 1px 0;
  color: white;
  font-size: 17px;
  font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
  text-decoration: none;
  vertical-align: middle;
  }
.mainmenu:hover {
  border-top-color: #28597a;
  background: #28597a;
  color: #ccc;
  }
.mainmenu:active {
  border-top-color: #1b435e;
  background: #1b435e;
  }

ملاحظة : يفضل استخدام الكود في حالة الازرار النصية من
لوحة الادارة
مظهر المنتدى
الرئيسية وازرار التصفح
اظهار الصور فقط : لا
سجل
طريقة الوضع
لوحة الادارة
مظهر المنتدى
الصور والألوان
ألوان
ورقة تصميم Css
ضع الكود
سجل
الى اللقاء ان شاء الله في كود قادم
عند النقل تكرم بذكر المصدر
اخوكم حســـن!