السلام عليكم ورحمة الله وبركاته
أخواني أعضاء و زوار روبط في بي
اليوم اكمل معكم دورة تصميم الاستايلات لمبتدأين
اليوم درسنا عن طريقة تلون الاستايل [CSS]
نبدأ
بسم الله
من لوحة تحكم المنتدى توجه الى ...
الإستايلات والقوالب > التحكم بالإستايلات > الاستايل الذي صممته أختر > CSS رئيسي
الصورة توضح
الان نبدأ تلوين الاستايل
الخيار الاول و الثاني
خلفية المنتدى/Body
خلفية الصفحة/Page Background
ضع لون الخلفية الذي وضعته خلفية اثناء تصميم الاستايل على الفوتشوب
ــــــــــــــــــــــــــــــــــــــــــــــــــــــ
<td>, <th>, <p>, <li>
أتركه كما هوا
ــــــــــــــــــــــــــــــــــــــــــــــــــــــ
حدود الجدول
هذا الخيار لوضع لون حدود الجداول في المنتدى
مثال
شاهد الحدود الموجوده
فقط قم بتغير اللون الى لون يناسب مع استايك
ــــــــــــــــــــــــــــــــــــــــــــــــــــــ
الأقسام الرئيسية/Category Strips
قم بتوجه الى الفوتوشوب
أفتح عمل جديد بمقاس 100 × 100
قم بعمل التدرج مثل الهيدر مثل الطريقة
وقم بحفظه في مجلد صور الاستايل
ثم ضع مساره في الخيار هذا
مثال على المسار
| |
| #869BBF url(rawabetvb/1.gif) repeat-x top left
|
rawabetvb : يعني أسم مجلد الاستايل
1.gif : يعني أسم الصورة مع الصيغة
مثال على الطريقة
ــــــــــــــــــــــــــــــــــــــــــــــــــــــ
رأس الجدول/Table Header
قم بعمل مثل الخيار السابق
مثال على الطريقة
ــــــــــــــــــــــــــــــــــــــــــــــــــــــ
نهاية الجدول/Table Footer
أيضا مثل طريقة السابق
بأمكانك وضع تصاميم بألون مختلفة ولاكن انا حبيت اوضح لكم الفكرة
مثال على عمل الخيار
ــــــــــــــــــــــــــــــــــــــــــــــــــــــ
لون التوزيع الأول/First Alternating Color
هذا الخيار لون لون الى الاقسام
مثال
قم بختيار الالون المناسبة مع استايلك
ــــــــــــــــــــــــــــــــــــــــــــــــــــــ
لون التوزيع الثاني/Second Alternating Color
هذا الخيار أيضا لتوين الاقسام
ولاكن هذا لتلوين الجزء الثاني من الاقسام
ــــــــــــــــــــــــــــــــــــــــــــــــــــــ
محرر WYSIWYG (يجب أن يكون عادةً متماثل مع 'لون التوزيع الأول/First Alternating Color' أو 'خلفية الكتابة/Input Fields')
قم بوضع لون خلفية المنتدى
يفضل
ــــــــــــــــــــــــــــــــــــــــــــــــــــــ
خلفية الكتابة/Input Fields
لوضع لون في خلفية الكتابة
صنودق الرد , عند عمل موضوع جديد , أرسال رساله .. ألخ
ــــــــــــــــــــــــــــــــــــــــــــــــــــــ
الأزرار/Buttons
لوضع لون الى ازرار المنتدى
مثال
ــــــــــــــــــــــــــــــــــــــــــــــــــــــ
لون الوقت
أختر لون الى عرض الوقت
شاهد لون الوقت بعد التغير
ــــــــــــــــــــــــــــــــــــــــــــــــــــــ
محيط اللوحة/Panel Surround
ضع لون خلفية المنتدى
ــــــــــــــــــــــــــــــــــــــــــــــــــــــ
اللوحة (الأشكال)/Panel Forms
أيضا ضع لون خلفية المنتدى
ــــــــــــــــــــــــــــــــــــــــــــــــــــــ
التحكم بالقوائم المنبثقة/Popup Menu Controls
قم بعمل مثل خيار الاقسام الرئيسة
مثال على الطريقة
ــــــــــــــــــــــــــــــــــــــــــــــــــــــ
خيار صف قائمة الإنبثاق/Popup Menu Option Row
لتغير لون خلفية الروبط في المنتدى
ــــــــــــــــــــــــــــــــــــــــــــــــــــــ
خيار سطوع القوائم المنبثقة/Popup Menu Highlighted Option
لوضع لون عند الضغط على الخيارات
ــــــــــــــــــــــــــــــــــــــــــــــــــــــ
حفظ
هنا أنتهينا نكمل معكم الدروس
اتمنى ان يكون شرح وافي
أخوكم بحريني
16-07-2009, 01:35 AM
[لمبتدأين] الدرس الثالث من دورة تصميم الاستايلات 
العرض العادي
