تغيير شكل الازرار في جميع انحاء المنتدى

[kamel dz]

تغيير شكل الازرار في جميع انحاء المنتدى
توجه الى قالب..............(extra.less)

وضع هذا الكود البسيط

.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);
}

والنتيجة






في الاخير تحياتي لكم​

 

[أبو عبدالله]

ماشاء الله تبارك الله

طريقة جديدة وحلوه

شكرا لك

 

[أبو غَيْث]

سلمت يداك أخي على الدرس

 

[Alrajabane]

شكرا لك ..

 

[ireepaircom]

ماشاء الله رائع

 

[MesterPerfect]

بوركت أخي الحبيب على الطرح الرائع

 

[متجر AKM]

تسلم ايدك

 

[mhm2002]

جميل، فكرة جميلة ورائدة

 

[Al-ArabMagazine]

تغيير شكل الازرار في جميع انحاء المنتدى
توجه الى قالب..............(extra.less)

وضع هذا الكود البسيط

.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);
}

والنتيجة


مشاهدة المرفق 793

مشاهدة المرفق 794

في الاخير تحياتي لكم​

شرح بسيط ومفيد شكرا لك