بسم الله الرحمن الرحيم
درس اليوم هو تغيير جميع الالوان بمايتوافق مع لون الهيدر والفوتر
نبدى في تلوين الجسم
ندخل على لوحة تحكم المنتدى
ومنها ننتقل الى ستايلات & القوالب
ونختارمنها : Style Manager
الان نقوم بالضغط على اذهب
اللي نبي نسويه هو تلوين الخلفيه
فبعد ان ضغطنا على كلمة اذهب
نروح وندور على المتغير Body
نشوف الصوره اللي محدد باللون الاحمر هو المطلوب
(نروح للمنتدى واما نطلع للهيدر او ننزل للفوتر ونضغط من الكي بورد على كلمة Print Screen) ورحنا للفوتوشوب ونضغط على كلمة Fill ونفتح عمل جديد وراح يطلع لنا
مقاسات الصفحه اللي سوينا لها تصوير بـ Print Screen
طيب انفتح لنا العمل الجديد وبالمقاسات المصوره من الشاشه (وكلاً على حسب قياس شاشته)
نلصق التصوير بالضغط على الكي بورد (Ctrl + V) مثل مانا سويت (نشوف الصوره)
شوف اللي محاط باللون الاحمر
نمر بالماوس على المنطقه اللي ابغى اخذ منها اللون فراح تطلع لك اداة تساعدك بالمهمه وهي هذه الاداه
راح يطلع لنا مربع حوار (ننسخه )
بس ابي اريحكم
لصقنا اللون ... طيب وين save css ... اضغطه عليها من غير ماتشاور مثل كذا
:: Page Background ::
وهذا للتلوين الداخلي (مثل مافهمتك في دروس الاعدادات)
مع تغيير اللون هذا 0B198C بما يناسبك بحيث يكون بين الجزء الخاجري والداخلي حد لتفرقة اللون بالنسبه لي فانا طابقت نفس لون الخلفيه نشوف الصوره
:: <td>, <th>, <p>, <li>::
وهذا للتلوين مناطق جزئيه داخله بالجداول
ومثل ماهو موضوع بالصوره انصح بعدم استخدامه
يوجد بهذا المتغير تحديد داخلي وتحديد خارجي
:: Category Strips ::
وهذا خاص بلون الخلفيه اللي موجوده تحت مسميات الاقسام
نشوف الصوره
ويصبح خلفيه الاقسام بهذا الشكل
:: Table Header::
وهذا خاص بلون الأرضية اللي موجوده تحت مسميات المنتدى + المواضيع والمشاركات والمراقبين
وهو Table Footer القسم السفلي للمنتدى
وهو خاص بلون الارضيه الموجوده في جزء محدد اسفل المنتدى ونشاهد الصوره انه بلون سماوي على موف
First Alternating Color
فاما نقل او نخفف
طبعا رقم واحد اما نثقله او نخففه ونشوف هنا كيف اخذنا لونينن متدرجه من لون خلفيه المنتدى هذا رقم واحد
درس اليوم هو تغيير جميع الالوان بمايتوافق مع لون الهيدر والفوتر
نبدى في تلوين الجسم
ندخل على لوحة تحكم المنتدى
ومنها ننتقل الى ستايلات & القوالب
ونختارمنها : Style Manager
الان نقوم بالضغط على اذهب
اللي نبي نسويه هو تلوين الخلفيه
فبعد ان ضغطنا على كلمة اذهب
نروح وندور على المتغير Body
نشوف الصوره اللي محدد باللون الاحمر هو المطلوب
(نروح للمنتدى واما نطلع للهيدر او ننزل للفوتر ونضغط من الكي بورد على كلمة Print Screen) ورحنا للفوتوشوب ونضغط على كلمة Fill ونفتح عمل جديد وراح يطلع لنا
مقاسات الصفحه اللي سوينا لها تصوير بـ Print Screen
طيب انفتح لنا العمل الجديد وبالمقاسات المصوره من الشاشه (وكلاً على حسب قياس شاشته)
نلصق التصوير بالضغط على الكي بورد (Ctrl + V) مثل مانا سويت (نشوف الصوره)
شوف اللي محاط باللون الاحمر
نمر بالماوس على المنطقه اللي ابغى اخذ منها اللون فراح تطلع لك اداة تساعدك بالمهمه وهي هذه الاداه
راح يطلع لنا مربع حوار (ننسخه )
بس ابي اريحكم
لصقنا اللون ... طيب وين save css ... اضغطه عليها من غير ماتشاور مثل كذا
:: Page Background ::
وهذا للتلوين الداخلي (مثل مافهمتك في دروس الاعدادات)
border: 1px solid #0B198C;
مع تغيير اللون هذا 0B198C بما يناسبك بحيث يكون بين الجزء الخاجري والداخلي حد لتفرقة اللون بالنسبه لي فانا طابقت نفس لون الخلفيه نشوف الصوره
:: <td>, <th>, <p>, <li>::
وهذا للتلوين مناطق جزئيه داخله بالجداول
ومثل ماهو موضوع بالصوره انصح بعدم استخدامه
يوجد بهذا المتغير تحديد داخلي وتحديد خارجي
:: Category Strips ::
وهذا خاص بلون الخلفيه اللي موجوده تحت مسميات الاقسام
نشوف الصوره
#5C7099 url(images/gradients/gradient_thead.gif) repeat-x top left
معناته لازم تصمم خلفيه عرضها لايهم بس اهم شئ الطول يكون مابين 28 الى 30 بيكسل
وانا افضل 30
واللحين صممت انا هذي#5C7099 url(images/test/body.jpg) repeat-x top leftطيب لون خلفيتها ماتغير لازم نغيره بحيث يتوافق مع لون الاستايل وشو لون الاستايل الرئيسي ؟ اكيد الاصفر طيب ناخذ من درجاته وانا اخذت هاللون EEDFA1 طيب ننسخ هاللون ونحطه في الكود ويصبح معنا بالشكل هذا
#EEDFA1 url(images/test/body.jpg) repeat-x top left
ويصبح خلفيه الاقسام بهذا الشكل
:: Table Header::
وهذا خاص بلون الأرضية اللي موجوده تحت مسميات المنتدى + المواضيع والمشاركات والمراقبين
#5C7099 url(images/gradients/gradient_thead.gif) repeat-x top left
من الافضل تنسخ الكود اللي في المتغير الخامس
:: Category Strips ::
اللي هو هذا الكود
#EEDFA1 url(images/test/body.jpg) repeat-x top left
وتريح نفسك
لاحظ المنتدى الان بعد التغييروهو Table Footer القسم السفلي للمنتدى
وهو خاص بلون الارضيه الموجوده في جزء محدد اسفل المنتدى ونشاهد الصوره انه بلون سماوي على موف
First Alternating Color
فاما نقل او نخفف
طبعا رقم واحد اما نثقله او نخففه ونشوف هنا كيف اخذنا لونينن متدرجه من لون خلفيه المنتدى هذا رقم واحد