تطوير المواقع [ شرح ] : لتصميم او تعديل الاستايلات
[ شرح ] : لتصميم او تعديل الاستايلات
تركيب الشعار وخلفية الهيدر
وتعديل الوان وخطوط الهيدر
بمتغير header
نختار المتغير
titleimage
1- نضغط عليه دبل كلك
2- نضع اسم المجلد ورابط شعار الموقع
لمشاهدته بعد التركيب
الان تركيب خلفية الهيدر
من المتغير
header_background
1- نغضط عليه دبل كلك
2 - نختار لون الخلفيه طبعاً راح يظهر هذا الون معك اسفل صورة الهيدر مباشره
يعني راح يملء الهيدر
3- نضع اسم المجلد و اسم صورة الخلفيه
مثال ما قام به من تغيير
header_border
هذا الخيار عندي انا غير مهم هو وضع اطار حول جدول الهيدر
طبعاً في الستايل الرسمي مو حاطين شي لكن الموضوع هو لتعليم تصميم ستايل
خلينا نحط فيه بعض المعلومات علشان نشوف تاثيره
تم وضع اطار حول الهيدر
انا راح امسحه علشان نكمل التصميم
المتغير
header_color
هذا الخيار لتغير لون الخط في الهيدر
مثال بعد تغير لون الخط
المتغير
header_font
هذا الخيار لتغير نوع الخط وحجم وشكل الخط
طبعا خط تهوما هو المفضل لدي واحب اني اضعه
وجعلت الخط عريض مثال بعد التغير
المتغير
toplinks_input_login_backgroundColor
لون خلفية زر تسجيل الدخول
راح يوضح معك عندما تقوم بتسجيل الخروج من المنتدى
المتغير
toplinks_form_input
هذا المتغير هو لون الخط في المدخل الخاص باسم العضو وكلمة السر
مثال
المتغير
header_padding
هذا المتغير خاص في حواف الهيدر وجعل بينها مساحه
بحسب اختيارك
طبعا راح اغير رقم 10 الى صفر علشان ما يكون فيه فراغ
قبل
بعد التغير الى رقم صفر
تغير ارضية المنتدى
نبحث عن هالمتغير
doc_background
ومثل ماغيرنا الـ body نغير الارضيه ونشيك عليه
ننتقل لجزئيه اخرى قريباااااً
منقول للامانة
اسم صاحب الموضوع : iadmini
منتدي : Sky_Angels
رابط المنتدي : https://skyangels.xtreemhost.com
نبدا بتغير لون ارضية المنتدى
نتوجه الى لوحة التحكم
التحكم بالاستايلات
الاستايل المراد تعديله من القائمه نختار التالي (متغيرات الأستايل )
تخرج لنا هالنافذه
هالقائمه هي الي نبي نشتغل عليه كاملا لتعديل الاستايل
هالحين نبي نغير ارضية المنتدى
نبحث عن body_background اما ان نكتب هذه الجمله في المستطيل بالاعلى او نبحث عنه من القائمه تخرج النافذه التاليه
نعمل مثل مافي الصوره ونعمل حفظ ونشيك عليه الان
(اضغط على الصوره لرؤيتها بحجمها الطبيعي)
نلقاه تغير تمام
نجي الان لسلاسلة العمل
نلاحظ الصوره التالية ورقمتها انا 1 و 2 و3
رقم 1 هي لون الخلفيه الي غيرناه قبل شوي
رقم 2 هذا لون الخط لنفس الخلفيه الي غيرناه وهذا الي مخلي السلاسله
بمعنى انه اي خلفيه نبي نغير لونه بالاستايل راح نلقى بالاغلب اسفله لون الحد وحجمه ولون الخط
رقم 3 حجم الانحناء والصوره توضح معنى كلامي
والى هالحد نتوقف ونكمل برد ثاني لتغير خلفية الصفحه كامله
====نتوجه الى لوحة التحكم
التحكم بالاستايلات
الاستايل المراد تعديله من القائمه نختار التالي (متغيرات الأستايل )
تخرج لنا هالنافذه
هالقائمه هي الي نبي نشتغل عليه كاملا لتعديل الاستايل
هالحين نبي نغير ارضية المنتدى
نبحث عن body_background اما ان نكتب هذه الجمله في المستطيل بالاعلى او نبحث عنه من القائمه تخرج النافذه التاليه
نعمل مثل مافي الصوره ونعمل حفظ ونشيك عليه الان
(اضغط على الصوره لرؤيتها بحجمها الطبيعي)
نلقاه تغير تمام
نجي الان لسلاسلة العمل
نلاحظ الصوره التالية ورقمتها انا 1 و 2 و3
رقم 1 هي لون الخلفيه الي غيرناه قبل شوي
رقم 2 هذا لون الخط لنفس الخلفيه الي غيرناه وهذا الي مخلي السلاسله
بمعنى انه اي خلفيه نبي نغير لونه بالاستايل راح نلقى بالاغلب اسفله لون الحد وحجمه ولون الخط
رقم 3 حجم الانحناء والصوره توضح معنى كلامي
والى هالحد نتوقف ونكمل برد ثاني لتغير خلفية الصفحه كامله
تركيب الشعار وخلفية الهيدر
وتعديل الوان وخطوط الهيدر
بمتغير header
نختار المتغير
titleimage
1- نضغط عليه دبل كلك
2- نضع اسم المجلد ورابط شعار الموقع
لمشاهدته بعد التركيب
الان تركيب خلفية الهيدر
من المتغير
header_background
1- نغضط عليه دبل كلك
2 - نختار لون الخلفيه طبعاً راح يظهر هذا الون معك اسفل صورة الهيدر مباشره
يعني راح يملء الهيدر
3- نضع اسم المجلد و اسم صورة الخلفيه
مثال ما قام به من تغيير
header_border
هذا الخيار عندي انا غير مهم هو وضع اطار حول جدول الهيدر
طبعاً في الستايل الرسمي مو حاطين شي لكن الموضوع هو لتعليم تصميم ستايل
خلينا نحط فيه بعض المعلومات علشان نشوف تاثيره
تم وضع اطار حول الهيدر
انا راح امسحه علشان نكمل التصميم
المتغير
header_color
هذا الخيار لتغير لون الخط في الهيدر
مثال بعد تغير لون الخط
المتغير
header_font
هذا الخيار لتغير نوع الخط وحجم وشكل الخط
طبعا خط تهوما هو المفضل لدي واحب اني اضعه
وجعلت الخط عريض مثال بعد التغير
المتغير
toplinks_input_login_backgroundColor
لون خلفية زر تسجيل الدخول
راح يوضح معك عندما تقوم بتسجيل الخروج من المنتدى
المتغير
toplinks_form_input
هذا المتغير هو لون الخط في المدخل الخاص باسم العضو وكلمة السر
مثال
المتغير
header_padding
هذا المتغير خاص في حواف الهيدر وجعل بينها مساحه
بحسب اختيارك
طبعا راح اغير رقم 10 الى صفر علشان ما يكون فيه فراغ
قبل
بعد التغير الى رقم صفر
تغير ارضية المنتدى
نبحث عن هالمتغير
doc_background
ومثل ماغيرنا الـ body نغير الارضيه ونشيك عليه
ننتقل لجزئيه اخرى قريباااااً
منقول للامانة
اسم صاحب الموضوع : iadmini
منتدي : Sky_Angels
رابط المنتدي : https://skyangels.xtreemhost.com
شكرا لك
بارك الله فيك
دام عطاؤك في جسور التواصل
دام عطاؤك في جسور التواصل