بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
درس بسيط وخفيف والشكر موصول للاخ باسل لمساعدته لي :sm179:
هذا الشرح مقدم من :: محد مهتم :: / شبكة منتديات تبوكيات
فايدة هالدرس تغيير شكل الازرار من الشكل العادي لاي شكل او لون تريده
اللي بالدرس بيكون كيف تخليها لون فقط لكن بنهايه الدرس بشرح كيف تسوي تدرج على الزر ...
الشكل الاعتيادي للزر كان كذا :
https://mwadah.com/images/imgcache/2008/10/1052.gif
وصار كذا :
https://mwadah.com/images/imgcache/2008/10/1053.gif
مثال طبيعي :
http://www.tabukiat.com/vb/t2519.html#post22666
(صندوق التحرير اخر شي)
طريقه العمل :
من خيارات الاستايل >> CSS رئيسي >> Buttons/الازرار
نسوي الاعدادات كالتالي :
https://mwadah.com/images/imgcache/2008/10/638.gif
اللون الاحمر هو لون الزر .. تستطيع وضع اللون الذي تريده
اللون الابيض هو لون الخط داخل الزر
الحجم ونوع الخط هذه خصائص الخط داخل الزر
خواص CSS الاضافيه : وضعت فيها خصائص الحد الخارجي للزر
فقط ضع هذا الكود وبدل كود اللون للذي تريده في خانه خواص CSS الاضافيه
كود PHP:
border: 1px solid #0F0606
* * *
اذا اردت ان تضع صوره بدل اللون مثل هذا الشكل :
https://mwadah.com/images/imgcache/2008/10/1054.gif
مثال طبيعي على التدرج يوجد هنا :
http://www.tabukiat.com/vb/t2519.html#post22666
تستطيع فعل ذلك باتباع التالي :
بدل وضع كود اللون بالشكل التالي :ضع كود اللون بعده فراغ بعده كود مسار الصوره ليصبح الكود كامل بهذا الشكل :كود PHP:
#800303
طبعا تعدل المسار لمسار الصوره عندككود PHP:
#800303 url(images/gradients/buttons.gif) repeat-x top left
اللي يبي نفس التدرج اللي عندي ارفع هذي الصوره لموقعك واستخدمها
https://mwadah.com/images/imgcache/2008/10/1055.gif
بالنهايه كل اللي اتمناه كالعاده دعوه صادقه من ظهر قلب