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

بعد تصميم الاستيل بالفوتوشوب وتوزيعه وادراجه للمنتدي بإستخدام الفرونت بيدج

يتبقى لك تلوين الاستيل عن طريق اعدادت

Css الرئيسية

سوف اقوم بشرح مبسط لكيفية تلوين الاستيل

ولكي تستطيع تلوين الاستيل بدون ادني مشاكل وبسهولة قم بفتح الفوتوشوب ثم افتح الاستيل الخاص بك

احصل على كود لون الخلفية ولون اغمق شوي منها ولون الاستورك

وقم بحفظهم في مستند نصي

الشرح

لوحة التحكم<<<الاستيلات والقوالب<<<التحكم في الاستيلات

من القائمة المسندلة اختر

إعدادات css الرئيسية

ثم اذهب

سوف تفتح لك صفحة طويلة فيها العديد من الاكواد

واليك شرح مبسط لكل خانة

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

هذه الاعدادت هي الخاصة بلون خلفية المنتدي ولون خطوط الاقسام

يفضل في خانة الخليفة وضع كود لون الخلفية وكذلك في خانة لون الخط وضع لون الاستورك

-------------------

خلفية الصفحة/Page Background

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

------------------

<td>, <th>, <p>, <li>

ضع في خانة شكل الخط

Bold

في خانة الحجم

12pt

النوع

Times New Roman

اما باقي الخانات اتركها فارغة

------------
حدود الجدول

وهي خاصة بحدود الجدوال

كما موضح بالصورة

http://www.ourpetclub.com/vb/imgcache/3715.imgcache

سوف تلاحظ مكتوب في مربع على اليسار

(خواص css اضافية)

كود:
border: 1px solid #0B198C;
يفضل مسحها

----------
الأقسام الرئيسية/Category Strips

وهي خاصة بالوان اسماء الاقسام الرئيسية كما موضح لها بالصورة

http://www.ourpetclub.com/vb/images/.../wol_error.gifهذه الصورة تم تصغيرها تلقائيا . إضغط على هذا الشريط هنا لعرض الصورة بكامل حجمها . أبعاد الصورة الأصلية 652x148 وحجمها 23 كيلو بايت .
http://vb.aljremh.com/images/statusicon/wol_error.gifنقره على هذا الشريط لعرض الصورة بالمقاس الحقيقي
http://www.ourpetclub.com/vb/imgcache/3716.imgcache

---------
رأس الجدول/Table Header

وهي خاصة بلون المنطقة التي يكتب بها اخر مشاركة وعدد المشاركات وغيرها

كما موضح بالصورة

http://www.ourpetclub.com/vb/images/.../wol_error.gifهذه الصورة تم تصغيرها تلقائيا . إضغط على هذا الشريط هنا لعرض الصورة بكامل حجمها . أبعاد الصورة الأصلية 642x148 وحجمها 24 كيلو بايت .
http://vb.aljremh.com/images/statusicon/wol_error.gifنقره على هذا الشريط لعرض الصورة بالمقاس الحقيقي
http://www.ourpetclub.com/vb/imgcache/3717.imgcache

--------
نهاية الجدول/Table Footer

وهي خاصة بلون المنطقة الموجودة بالصورة

http://www.ourpetclub.com/vb/images/.../wol_error.gifهذه الصورة تم تصغيرها تلقائيا . إضغط على هذا الشريط هنا لعرض الصورة بكامل حجمها . أبعاد الصورة الأصلية 667x54 وحجمها 9 كيلو بايت .
http://vb.aljremh.com/images/statusicon/wol_error.gifنقره على هذا الشريط لعرض الصورة بالمقاس الحقيقي
http://www.ourpetclub.com/vb/imgcache/3718.imgcache

-------
لون التوزيع الأول/First Alternating Color

خاصة بلون المنطقة الموجودة بالصورة

http://www.ourpetclub.com/vb/images/.../wol_error.gifهذه الصورة تم تصغيرها تلقائيا . إضغط على هذا الشريط هنا لعرض الصورة بكامل حجمها . أبعاد الصورة الأصلية 667x199 وحجمها 32 كيلو بايت .
http://vb.aljremh.com/images/statusicon/wol_error.gifنقره على هذا الشريط لعرض الصورة بالمقاس الحقيقي
http://www.ourpetclub.com/vb/imgcache/3719.imgcache

-------

لون التوزيع الثاني/Second Alternating Color

بالصورة

http://www.ourpetclub.com/vb/images/.../wol_error.gifهذه الصورة تم تصغيرها تلقائيا . إضغط على هذا الشريط هنا لعرض الصورة بكامل حجمها . أبعاد الصورة الأصلية 667x199 وحجمها 31 كيلو بايت .
http://vb.aljremh.com/images/statusicon/wol_error.gifنقره على هذا الشريط لعرض الصورة بالمقاس الحقيقي
http://www.ourpetclub.com/vb/imgcache/3720.imgcache

-------

محرر WYSIWYG

سوي نفس اللى سويته في لون التوزيع الاول

-------

خلفية الكتابة/Input Fields

ضع في خانة الخلفية لون الخلفية الخاصة بالمنتدي تبعك

ثم شكل الخط

bold

والحجم

12pt

واترك الباقي كما هو

---------
الأزرار/Buttons

خاصة بالازار

مثل زر اذهب في قائمة الاختيار السريع وغيره

---------

قوائم <select>

خاصة بلون قائمة الاختيار السريع

---------
الخط الصغير

خاصة باللون الخطوط الصغيرة مثال

عبارة

Powered by vBulletin

التي تكتب في الفوتر

---------

لون الوقت

وهو خاص بلون الساعة التي توجد في اسفل المنتدي

---------

نص شريط العنوان/Navbar Text

خاصة باللون المنطقة المظللة في الصورة الاتية

http://www.ourpetclub.com/vb/images/.../wol_error.gifهذه الصورة تم تصغيرها تلقائيا . إضغط على هذا الشريط هنا لعرض الصورة بكامل حجمها . أبعاد الصورة الأصلية 667x111 وحجمها 20 كيلو بايت .
http://vb.aljremh.com/images/statusicon/wol_error.gifنقره على هذا الشريط لعرض الصورة بالمقاس الحقيقي
http://www.ourpetclub.com/vb/imgcache/3721.imgcache

--------

الخط المبرز /Highlighted

اتركها كما هي

-------

إبراز عنصر السطر الإداري/Inline Moderation Element Highlight

ايضا اتركها كما هي

-------

محيط اللوحة/Panel Surround

بالصورة

http://www.ourpetclub.com/vb/images/.../wol_error.gifهذه الصورة تم تصغيرها تلقائيا . إضغط على هذا الشريط هنا لعرض الصورة بكامل حجمها . أبعاد الصورة الأصلية 667x315 وحجمها 25 كيلو بايت .