صورة للمثال :

5140

5141

5142
شرح التركيب :
  • الدخول لوحة التحكم​
  • المظهر​
  • القوالب​
البحث عن القالب :
extra.less

ثم اضافة الكود التالي :
CSS:
/***كود تغير شكل الازرار ***/

.button, a.button{
color:#0A3F63;
line-height: 1.4;
font-family: "Droid Arabic Kufi","tahoma",sans-serif;
font-weight: 700;
font-size: 12px;
padding-left:8px;
padding-right:8px;
padding-top:6px;
padding-bottom:6px;
background-color:#FFFFFF;
 border:1px solid #ccc;
border-top-left-radius:17px;
border-top-right-radius:0;
border-bottom-right-radius:17px;
border-bottom-left-radius:0;
box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 4px rgba(0, 0, 0, 0.3);
}/**********/