4 : تركيب الهيدر و المتغير header

[خالد القحطاني]

تركيب الشعار وخلفية الهيدر

وتعديل الوان وخطوط الهيدر

بمتغير 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 الى صفر علشان ما يكون فيه فراغ
قبل





بعد التغير الى رقم صفر






الدرس القادم هو الناف بار وتعديل عليه

[vBulletin_vBseo]

الله يعطيك ألف عافية ,, أحلى شي فيك انك ماشي خطوة خطوة إلى الأمام .
ممكن سؤال بس يمكن يكون غبي اش يعني الهيدر والفوتر و الناف بار

[ح ـــكـم القدر]

جوزيت خيراً عزيزي

[Sanhaji Rida]

بارك الله فيك أخي خالد والله شرح رائع
الله ينورك ويحفظك

[خالد القحطاني]

الله يعطيك ألف عافية ,, أحلى شي فيك انك ماشي خطوة خطوة إلى الأمام .

ممكن سؤال بس يمكن يكون غبي اش يعني الهيدر والفوتر و الناف بار

الهيدر هو راس الصفحة اعلى الموقع

الفوتر هو ذيل الصفحة اسفل الموقع

النف بار هو شريط العمليات او الروابط تحت راس الصفحة مباشرة

[احساس نت]

شكرا لك اخي الكريم على الشرح المبسط والواضح

[EMAD EL-MASRY]

شرح جميل تسلم ايدك

[عبدالله الروقي]

يعافيك ربي يامبدع


دروس سلسه ورائعه جدا


بارك الله بك ووفقك

[shjoon]

شرح جميل وسهل
فشكراً لك

ولكن عندي مشكلة في الهيدر
header_background

لا تظهر معي في المعاينة

[op1]

اتوقع رابط الصوره الي انتي كتبتيه في الرابط غير صحيح

يمكن تكون الصوره غير jpg او gif ويمكن اسم المجلد خطاء لانه في المعاينه اسفل المتغير

غير واضحه الصوره