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

منتديات هبوب الجنوب (http://www.h-aljnoop.com/vb/index.php)

- ۩۞۩ هبوب تطوير المواقع والمنتديات ۩۞۩ (http://www.h-aljnoop.com/vb/forumdisplay.php?f=386)

- - أضافة لمسة جمالية على شكل الازرار (http://www.h-aljnoop.com/vb/showthread.php?t=37859)

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

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

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

كود PHP:


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

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

</div>

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

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

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

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

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

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

يسلمووو الوافي ..
الف شكر .

يعطيـك ـآلـعـآفيـهَ على طرحكُ المميزُ...
دوٌمآ بآنتظاار المزيدُ من جديدكُ القآآدمُ...
لكٍ خاالصُ آحترآميْ

فكرة حلوة

شكرا لك على الشرح الوافي

كفيت ووفيت

سلمت يمناك عالطرح

دَام عَطَائِكْ.. يَآطُهرْ..
وَلَا حَرَّمْنَا أَنْتَقَائِكْ الْمُمَيِّز وَالْمُخْتَلِف دَائِمَا
حَفِظَك الْلَّه مِن كُل مَكْرُوْه ..
تَحِيّه مُعَطَّرَه بِالْمِسْك ,