[درس] : تغيير شكل جميع ازرار المنتدى لاي لون او شكل تريده لكافة اصدارات المنتديات !

SH3A3-Q

ابو الميرزا
طاقم الإدارة
إنضم
14 نوفمبر 2007
المشاركات
48,690
النقاط
113
العمر
49
الإقامة
QATIF-القطيف
بسم الله الرحمن الرحيم

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


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

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


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

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




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


before.gif



وصار كذا :


after.gif



مثال طبيعي :

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

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




طريقه العمل :


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


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

buttons_panel.gif


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

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

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

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




* * *


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

buttons_gradient.gif


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


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

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

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


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

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


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




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

buttons.gif




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


 
عودة
أعلى أسفل