هاك اسماء الاعضاء في مربعات ملونة

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

افتح لوحة التحكم الخاصة بالادمن ومنها اختار تنفيذ امر في قاعدة البيانات وقم بوضع الامر الاتي

رمز Code:
ALTER TABLE `MySBB_group` CHANGE `username_style ` `username_style ` VARCHAR(255) CHARACTER SET latin1 COLLATE latin1_swedish_ ci NOT NULL
واضغط موافق
بعد تنفيذ الامر بنجاح

افتح ملف style.css الموجود في مجلد css الخاص باستيل منتداك

وابحث عن اخر

رمز Code:
}
اضف بعدها الاكواد التعريفية للالوان كالاتي

رمز Code:
<style type=\"text/css\"><!--body {scrollbar-face-color:#f3bd4b;s crollbar-highlight-color:#dea52e;s crollbar-3dlight-color:#dea52e;s crollbar-darkshadow-color:#dea52e;s crollbar-shadow-color:#dea52e;s crollbar-arrow-color:#6e4000;s crollbar-track-color:#fff8df;c olor:#000000;fo nt-family:verdana, arial;font-size:12px}.red { margin: 0px 0px 0px 0px; width:48; border: 2px solid #FF1515; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#E30000; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#FFFFFF; background-image: url(\'\'); text-align:center; } .green { margin: 0px 0px 0px 0px; width:48; border: 2px solid #006600; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#006600; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#FFFFFF; background-image: url(\'\'); text-align:center; } .blue { margin: 0px 0px 0px 0px; width:48; border: 2px solid #0000FF; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#0000E6; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#FFFFFF; background-image: url(\'\'); text-align:center; } .gray { margin: 0px 0px 0px 0px; width:48; border: 2px solid #CCCCCC; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#CCCCCC; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#FFFFFF; background-image: url(\'\'); text-align:center; } .fushia { margin: 0px 0px 0px 0px; width:48; border: 2px solid #FF66CC; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#FF6CCF; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#FFFFFF; background-image: url(\'\'); text-align:center; } .band { margin: 0px 0px 0px 0px; width: 48; border: 2px solid #FF9900; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#C0C0C0; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#FFFFFF; background-image: url(\'\'); text-align:center } .member { margin: 0px 0px 0px 0px; width: 48; border: 2px solid #008080; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#222222; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#FFFFFF; background-image: url(\'\'); text-align:center; } .brown { margin: 0px 0px 0px 0px; width: 48; border: 2px solid #BF0000; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#BF0000; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#FFFFFF; background-image: url(\'\'); text-align:center; } .pink { margin: 0px 0px 0px 0px; width: 48; border: 2px solid #CC33FF; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#CC33FF; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#FFFFFF; background-image: url(\'\'); text-align:center; } .black { margin: 0px 0px 0px 0px; width: 48; border: 2px solid #000000; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#000000; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#FFFFFF; background-image: url(\'\'); text-align:center; } .white { margin: 0px 0px 0px 0px; width: 48; border: 2px solid #ffffff; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#ffffff; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#FFFFFF; background-image: url(\'\'); text-align:center; } .yellow { margin: 0px 0px 0px 0px; width: 48; border: 2px solid #000000; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#ffffcc; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#000000; background-image: url(\'\'); text-align:center; }
كما ترون من خلال الاكواد التعريبفيه للالوان تستطيعون اضافة اي لون اخر تحبونه
قم بحفظ ملف style.css بالتغيرات الجديده

بعد ذلك ناتى الي اضافة الالوان للمجموعات
افتح لوحة التحكم الخاصة بالادمن
ومنها التحكم في المجموعات
واختر اول مجموعه واعمل لها تحرير

وفي حقل شكل اسم المستخدم في المجموعه قم بإضافة الكود التالي

رمز Code:
<input type=\"text\" name=\"T1\" size=\"17\" class=\"fushia\" value=\"[username]\" readonly style=\"border-style:dotted; border-width:1px; width: 90\">
كما ترون هذه المجموعه سوف تصبغ باللون الفوشيا
ومن تعريفات الالوان السابقة التي ضفناها في ملف style.css نجد الالوان المتاحه لنا هي كالاتي
red
green
blue
gray
fushia
band
member
brown
pink
black
white
yellow

بعد اضافة الكود في الحقل المشار اليه قم بالضغط علي زر تعديل واعمل ذلك مع باقي المجموعات مع تغييرك للون باللالوان السالفة الذكر
ويمكنك اضافة الوان جديده من خلال ملف style.css باضافة اكواد لالوان جديده
شكرا لكم
اي استفسار تحت امركم
http://www.egycrazy.com/vb
http://www.egycrazy.com/vb