عرض مشاركة واحدة
  #1  
قديم 10-08-2008, 04:30 AM
الصورة الرمزية العاشق 2005  
رقـم العضويــة: 365
تاريخ التسجيل: Sep 2008
المشـــاركـات: 94,808
نقـــاط الخبـرة: 85
افتراضي [درس] : تغيير شكل جميع ازرار المنتدى لاي لون او شكل تريده لكافة اصدارات المنتديات !

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته


درس بسيط وخفيف والشكر موصول للاخ باسل لمساعدته لي :)

هذا الشرح مقدم من :: محد مهتم :: / شبكة منتديات تبوكيات


فايدة هالدرس تغيير شكل الازرار من الشكل العادي لاي شكل او لون تريده

اللي بالدرس بيكون كيف تخليها لون فقط لكن بنهايه الدرس بشرح كيف تسوي تدرج على الزر ...




الشكل الاعتيادي للزر كان كذا :





وصار كذا :





مثال طبيعي :

http://www.tabukiat.com/vb/t2519.html#post22666

(صندوق التحرير اخر شي)




طريقه العمل :


من خيارات الاستايل >> CSS رئيسي >> Buttons/الازرار


نسوي الاعدادات كالتالي :



اللون الاحمر هو لون الزر .. تستطيع وضع اللون الذي تريده
اللون الابيض هو لون الخط داخل الزر
الحجم ونوع الخط هذه خصائص الخط داخل الزر

خواص CSS الاضافيه : وضعت فيها خصائص الحد الخارجي للزر

فقط ضع هذا الكود وبدل كود اللون للذي تريده في خانه خواص CSS الاضافيه

رمز PHP:
border: 1px solid #0F0606




* * *


اذا اردت ان تضع صوره بدل اللون مثل هذا الشكل :



مثال طبيعي على التدرج يوجد هنا :


http://www.tabukiat.com/vb/t2519.html#post22666

تستطيع فعل ذلك باتباع التالي :

بدل وضع كود اللون بالشكل التالي : رمز PHP:
#800303


ضع كود اللون بعده فراغ بعده كود مسار الصوره ليصبح الكود كامل بهذا الشكل :

رمز PHP:
#800303 url(images/gradients/buttons.gif) repeat-x top left


طبعا تعدل المسار لمسار الصوره عندك




اللي يبي نفس التدرج اللي عندي ارفع هذي الصوره لموقعك واستخدمها





بالنهايه كل اللي اتمناه كالعاده دعوه صادقه من ظهر قلب