شرح لكيفية تغير الألوان في برنامج معين من خلال لوحة التحكم
كاتب الموضوع
رسالة
Admin Admin
المساهمات : 463 تاريخ التسجيل : 31/12/2007 العمر : 35
موضوع: شرح لكيفية تغير الألوان في برنامج معين من خلال لوحة التحكم الأحد يناير 27, 2008 1:29 pm
شرح لكيفية تغير الألوان في برنامج معين من خلال لوحة التحكم
شرح لكيفية تغير الألوان في برنامج معين من خلال لوحة التحكم
هذا الدرس سوف يمتعكم لانني استمتعت وانا اقوم بتحضيره فهو درس شيق للغاية واتمنى انو يكون كذالك بالنسبة لكم و يبين طريقة تغيير لون أي خط او جدول في أي سكربت او برامج نقوم بعملة وسوف نقوم بتطبيق هذا الدرس على برنامج دليل الهاتف الذي شرحناه سابقا املا من ان تستفيدو من هذا الدرس الممتع .
طبعا نحتاج لزرع جدل في قاعدة البيانات لكي نقوم ياضافة اكواد الالوان والبيانات التي نريدها سوف نحتاج في الجدول ثلاثة حقول .
حقل لتغيير لون الجدول .
حقل لتغير لون الخط الموجد في الجدول .
حقل لتغيير حجم الخط .
وهذه صورة الجدول .
بالنسبة للاي دي فهو فقط لكي يحمل رقم السجل .
سوف نحتاج صفحة change2.php وهي لتعدييل التعديلات التي نريدها للصفح وطبعا شرحت في دروس سابقة كيف تقوم بانشاء صفحة تعديل عمل هذه الصفحة هو بالتحديد التعديل ولكن ماذا نريد ان نعدل فيها على سبيل المثال عندما تغير لون خط في البرنامج فاننا قوم بتغييره من البرنامج ولكن اذا كان هذا الخط في الموقع ولا اريد ان ارفع انزل الملفات واريد من الانترنت ان اغير هذا اللون للخط تابع معي هذه الدرس لترى كيف عمل ذلك .
وسوف نقوم بتعديل صفحة index.php وهي الصفحة التي عملناها في دليل الهاتف وتقوم بعرض المدن .
انظر كيف تبدو الصفحة .
وفي هذه الصفحة نحتاج لعمل ريكورد سيت ثاني لكي يستدعي التغيرات من قاعدة البيانات وسوف تحتاج لهذه الريكورد في كل صفحة تريد ان تغير فيها .
انظر الصورة التالية .
في الصورة التالية وبعد عمل الريكورد سيت قم بتظليل الجدول كما في الصورة وقم بتغيير لونه كما تريد وكما في الصورة التالية .
والان وبعد عمل اللون المطلوب اذهب وفي نفس الصفحة الى وضع الكود كما يلي .
لاحظ في الكود هناك كود مظلل باللون الاسود هذه هو لون اجدول الذي قمنا بتغييره ولاكن انا اريد ان اقوم بتغييره من قاعدة البيانات تابع معي الصورة التاليه .
1. نقوم بالضغط على بندينجز .
2. افتح الريكورد سيت الثاني والخاص بالالوان .
3. اختار لون الجدول الذي تريده .
4. عندما تكون قد قمتب بتحديد كود الالوان كما سبق اضغط انسيرت سوف يظهر الكود التالي .
5. سيظهر بدلا من كود الالوان الموجود مسبقا .
والان نريد ان نغير لون الخط وقد قمنا بزرع حقل في قاعدة البيانات font_color ولك حرية الاختيار في اسماء الحقول .
نقوم اولا بتظليل الخط الذي نريد تغير لونه من قاعدة البيانات ونغير لونه سيظهر لي برنامج دريم ويفر قائمة تظهر استايل الخط الذي غيرناه لاحظ الصورة التالية .
1. نظلل الخط .
2. قائمة الاستايلات وهي تحدد لنا انه الخط المظلل كود خطه يظهر في الاستايل رقم 5 وطبعا هذا الكود يظهر في كود استايل تابع معي الصورة القادمة بشكل جيد.
3. كود الخط .
انظر الصورة التالية انه بدلا من ان يظهر في الكود كود لون الخط ظهر كلمة ستايل 3 وتعني انه اذا تريد عمل تغيير للون اذهب وفي نفس كود الصفحة الى كودات الاستايل .
في الصورة التالية يظهر الستايل باللون الزهري .
1.نحدد لون الخط .
2. نظغط انسيرد .
3. كود يظهر لي لون الخط من قاعدة البيانات .
4. الخط الذي قنا بتغييره الى ان يظهر في قاعدة البيانات .
والان لتغير حجم الخط قم بعمل نفس الشيء لاكن هذه المرة لحجم الخط لاحظ الصورة التالية .
تابع حسب الارقام بعد ما تقوم بعمل رقم 4 قم بحذف رقم 3 لانني وضعت بدلا منه الرقم 4 ووضعت رقم 3 لابين كيف كان قبل ما اضيف رقم 4 .
والان قبل ما انهي الدرس اريد عمل شيء جميل اكثر وهو انني اريد ان اعمل معاينة لما اقوم بتغيره وذلك في نفس صفحة التعديل .
في نفس صفحة التعديل نقوم بادراج عمود بجانب المسميات لاحظ الصورة التالية .
نريد ان نغير لون هذه الخلية المحددة كما في الصورة الى لون يكون كوده في قاعدة البيانات قم بتحديد الخلية وتابع معي .
1. نختار حدقل اللون .
2. هذا كود الخلية انظر رقم 3 وهو لونها الحالي عندما تقوم بتحديدة وتذهب على زر انسيرت على يمين الصورة من البرنامج واضغط عليها .
3. سيظهر مكان هذا الكود استعلام من قاعدة البيانات .
ونفس الشيء للخلية الموجودة بجانب لون الخط.
والان سوف ابين كيف تغير حجم الخط من خلال قاعدة البيانات .
تابع الصورة التلية .
نفس التغيرات التي قمنا بعملها على الخلية وعلى الوان صفحة الانديكس انظر الى الصورة التالية لترى مكان التغييرات .
المربع الكبير يبين اننا نقوم بتعديل لحجم الخط وليس اللون .
المربع الطويل يبين الكود الذي استعلمناه من قاعدة البيانات .
وفي الصورتين التاليتين تبين منظر صفحة التعديل والانديكس
وبعد ما نقوم بالتعديل نذهب الى
انها الدرس
ارجو ان تكونو استمتعتو بهذا الدرس
شرح لكيفية تغير الألوان في برنامج معين من خلال لوحة التحكم