هيلبرنت | Helpernt

هيلبرنت | Helpernt (https://www.helpernt.com/vb/index.php)
-   ركن شروحات الزين فورو XENFORO (https://www.helpernt.com/vb/forumdisplay.php?f=94)
-   -   [ شرح ] : أضافة لمسة جمالية على شكل الازرار (https://www.helpernt.com/vb/showthread.php?t=9476)

qlooop 06-15-2019 01:48 AM

أضافة لمسة جمالية على شكل الازرار
 
السلام عليكم أعضاء وزوار


معهد هيلبرنت الكرام


شرح بسيط لتغير شكل الازرار الافتراضي في نسخ الزين فور


الدخول لوحة التحكم _ المظهر _ القوالب ((( extra.less )))




وضيف هاذا الكود في الاسفل


كود PHP:

/***كود تغير شكل الازرار ***/

.buttona.button{
color:#0A3F63;
line-height1.4;
font-family"Droid Arabic Kufi","tahoma",sans-serif;
font-weight700;
font-size12px;
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(2552552550.2inset0 1px 4px rgba(0000.3);
}
/**********/ 

صور معاينة بعد تركيب الاكواد


https://i.imgur.com/bglrAz0.png


https://i.imgur.com/TLVEVwu.png


https://i.imgur.com/eyK3NDp.png


https://i.imgur.com/8p2Tppj.png


والله ولي التوفيق

Mighty Dr.Wolf 06-15-2019 02:11 AM

رد: أضافة لمسة جمالية على شكل الازرار
 
موضوع روعه جدا
شكرا لك وبارك الله فيك
سلمت ايدك على مشاركتنا للكود الرائع
تحيتي

MesterPerfect 06-15-2019 09:34 AM

رد: أضافة لمسة جمالية على شكل الازرار
 
جميلة جدا أخي

جزاك الله خيرا وبورك فيك

اليوم السابع 06-15-2019 02:15 PM

رد: أضافة لمسة جمالية على شكل الازرار
 
حركة حلووووووووه

هيلبرنت 06-15-2019 07:45 PM

رد: أضافة لمسة جمالية على شكل الازرار
 
شكرا لك على الطرح

الجيد

abo-karim 10-04-2019 10:10 AM

رد: أضافة لمسة جمالية على شكل الازرار
 
شكرا لك اخى

مجهود طيب


الساعة الآن 04:16 PM

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. TranZ By Almuhajir