المساعد الشخصي الرقمي

عرض الإصدار الكامل : دروس تغيير الوان الستايل


احمد العاني
08-21-2007, 10:39 PM
بسم الله الرحمن الرحيم


خلفية المنتدى

http://www.iraqup.com/uploads/72ubS-Vy1P80895.JPG
وهو الجزء الرصاصي من هذه الصورة
http://www.iraqup.com/uploads/fPO7K-4qf250125.JPG


الخلفية: وهي لون الخلفية مال منتدى
لون الخط : وهو لون خط المنتدى
شكل الخط :اتركه فارغا
حجم الخط : وهو حجم خط الكتابة
نوع الخط :وهو نوع الخط اما ان يكون Tahoma او اتركه لا تمسحه او ضع خط جميل كما تريد انت


خلفية الصفحة
http://www.iraqup.com/uploads/Ku7LV-u2w715380.JPG

وهو الجزء الابيض من هذه الصورة
http://www.iraqup.com/uploads/fPO7K-4qf250125.JPG


الخلفية: وهو لون خلفية الصفحة الظاهر هنا باللون الابيض
لون الخط : وهو لون خط المنتدى
شكل الخط :اتركه فارغا
حجم الخط : وهو حجم خط الكتابة
نوع الخط :وهو نوع الخط اما ان يكون Tahoma او اتركه لا تمسحه او ضع خط جميل كما تريد انت


<td>, <th>, <p>, <li>
ليس مهما هذا الجزء




حدود الجدول
http://www.iraqup.com/uploads/lJ31m-o8II34566.JPG


وهو الجزء المحدد من هذه الصورة وهي الخطوط التي تفصل بين المنتديات

http://www.iraqup.com/uploads/rNNIh-045v15517.JPG
فقط ضع لون الخلفية وهي لون الخطوط واترك الباقي لانه ليس مهما



الاقسام الرئيسية
http://eljenan.net/upload/upload/wh_65487957.JPG

http://eljenan.net/upload/upload/wh_57119974.JPG

الخلفية وهي التي وراء الكتابة أي خلفية هذا الجزء
لون الخط وهو لون الخط الظاهر هنا في اللون الابيض
شكل الخط اتركه
حجم الخط ضع حجم الخط الذي تريده بالبيكسل
نوع الخط ضح نوع الخط اما ان يكون Tahoma او ضع نوع خط اختاره انت


الواضح في الصورة الاولى ان هناك ثلاثة الوان سفلية
الاول ضع اللون الذي وضعته في لون الخط الذي بالاعلى والثاني ايضا ضع لون الخط الذي بالاعلى اما الثالث فضع اللون الذي تريده عند التأشير عليه يظهر



رأس الجدول
http://eljenan.net/upload/upload/wh_86016125.JPG

http://eljenan.net/upload/upload/wh_43926123.JPG

الخلفية وهي التي وراء الكتابة أي خلفية هذا الجزء
لون الخط وهو لون الخط الظاهر هنا في اللون الابيض
شكل الخط اتركه
حجم الخط ضع حجم الخط الذي تريده بالبيكسل
نوع الخط ضح نوع الخط اما ان يكون Tahoma او ضع نوع خط اختاره انت


نهاية الجدول
http://eljenan.net/upload/upload/wh_76413072.JPG

http://eljenan.net/upload/upload/wh_49555304.JPG

الخلفية وهي التي وراء الكتابة أي خلفية هذا الجزء
لون الخط وهو لون الخط الظاهر هنا في اللون الابيض
شكل الخط اتركه
حجم الخط ضع حجم الخط الذي تريده بالبيكسل
نوع الخط ضح نوع الخط اما ان يكون Tahoma او ضع نوع خط اختاره انت


الواضح في الصورة الاولى ان هناك ثلاثة الوان سفلية
الاول ضع اللون الذي وضعته في لون الخط الذي بالاعلى والثاني ايضا ضع لون الخط الذي بالاعلى اما الثالث فضع اللون الذي تريده عند التأشير عليه يظهر




لون التوزيع الاول

http://eljenan.net/upload/upload/wh_69671323.JPG

http://eljenan.net/upload/upload/wh_33787309.JPG


الخلفية وهي التي وراء الكتابة أي خلفية هذا الجزء
لون الخط وهو لون الخط الظاهر هنا في لون الازرق الغامق
شكل الخط اتركه
حجم الخط ضع حجم الخط الذي تريده بالبيكسل
نوع الخط ضح نوع الخط اما ان يكون Tahoma او ضع نوع خط اختاره انت


الواضح في الصورة الاولى ان هناك ثلاثة الوان سفلية
الاول ضع اللون الذي وضعته في لون الخط الذي بالاعلى والثاني ايضا ضع لون الخط الذي بالاعلى اما الثالث فضع اللون الذي تريده عند التأشير عليه يظهر



لون التوزيع الثاني

http://eljenan.net/upload/upload/wh_67062416.JPG

http://eljenan.net/upload/upload/wh_41857860.JPG

الخلفية وهي التي وراء الكتابة أي خلفية هذا الجزء
لون الخط وهو لون الخط الظاهر هنا في الازرق الغامق
شكل الخط اتركه
حجم الخط ضع حجم الخط الذي تريده بالبيكسل
نوع الخط ضح نوع الخط اما ان يكون Tahoma او ضع نوع خط اختاره انت


الواضح في الصورة الاولى ان هناك ثلاثة الوان سفلية
الاول ضع اللون الذي وضعته في لون الخط الذي بالاعلى والثاني ايضا ضع لون الخط الذي بالاعلى اما الثالث فضع اللون الذي تريده عند التأشير عليه يظهر



محرر WYSIWYG (يجب أن يكون عادةً متماثل مع 'لون التوزيع الأول/First Alternating Color' أو 'خلفية الكتابة/Input Fields')

يجب ان توضع الوان هذا الجزء مطابقة لالوان لون التوزيع الاول




خلفية الكتابة
وهي الخلفية التي يتم عليها كتابة المواضيع عدل عليها مثل ما تشاء





الازرار
http://eljenan.net/upload/upload/wh_82999626.JPG

http://eljenan.net/upload/upload/wh_23021674.jpg


تغيير الالوان
الخلفية وهي هنا التي وراء الكتابة التي في اللون الابيض
ولون الخط اختر اللون المناسب
شكل الخط اتركه
حجم الخط اختر أي حجم مناسب
نوع الخط اختر نوع خط جميل ومناسب



الوقت
http://eljenan.net/upload/upload/wh_24294316.JPG

http://eljenan.net/upload/upload/wh_44154309.JPG

لا تعبث بالخلفية فقط غير لون الخط وحجم الخط ونوع الخط





نص شريط العنوان
http://eljenan.net/upload/upload/wh_72788446.JPG

http://eljenan.net/upload/upload/wh_35541058.JPG

لا تعبث بالخلفية فقط غير لون الخط وحجم الخط ونوع الخط كي يظهر في منظر لائق




ابراز عنصر السطر الاداري
http://eljenan.net/upload/upload/wh_16110200.JPG


http://eljenan.net/upload/upload/wh_36424331.JPG

الخلفية وهي التي وراء الكتابة أي خلفية هذا الجزء
لون الخط وهو لون الخط الظاهر هنا في اللون الابيض
شكل الخط اتركه
حجم الخط ضع حجم الخط الذي تريده بالبيكسل
نوع الخط ضح نوع الخط اما ان يكون Tahoma او ضع نوع خط اختاره انت


الواضح في الصورة الاولى ان هناك ثلاثة الوان سفلية
الاول ضع اللون الذي وضعته في لون الخط الذي بالاعلى والثاني ايضا ضع لون الخط الذي بالاعلى اما الثالث فضع اللون الذي تريده عند التأشير عليه يظهر




محيط اللوحة
http://eljenan.net/upload/upload/wh_23607395.JPG

تستطيع تغيير اللون كما تريد
مكان محيط اللوحة مؤشر في هذه الصورة
http://eljenan.net/upload/upload/wh_83390426.JPG




اللوحة الاشكال
http://eljenan.net/upload/upload/wh_33322809.JPG
هو لون هذا الجزء الذي في الصورة
http://eljenan.net/upload/upload/wh_72803642.JPG





التحكم بالقوائم المنبثقة
http://eljenan.net/upload/upload/wh_83056065.JPG


القوائم المنبثقة هي الجزء المحدد في هذه الصورة

http://eljenan.net/upload/upload/wh_70976597.JPG


جسم قائمة الانبثاق
http://eljenan.net/upload/upload/wh_17085437.JPG

http://eljenan.net/upload/upload/wh_33339475.JPG


خيار صف قائمة الانبثاق
http://eljenan.net/upload/upload/wh_18712871.jpg
وهو اللون الرصاصي الغامق الموضح في هذه الصورة
http://eljenan.net/upload/upload/wh_19118513.JPG


ملاحظة : كل الذي لم اشرحه ليس له داعي


انتهى الشرح
اتمنى انه نال اعجابكم شرحي



وأي اسئلة انا بالخدمة


يرجى التثبيت للفائدة

السلام عليكم

FAHADYNHO
08-22-2007, 03:20 PM
شكراًًََ

موضوع مستفآآآد منـه

haiman
10-12-2007, 03:15 PM
تسلم ايدك اخى والله على الموضوع
جزاك الله كل خير

afwaj ala7iba
11-04-2007, 04:45 PM
تسلم على الشرح الطيب هذا ؛.
موفق أخي ؛.