المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : 4 : تركيب الهيدر و المتغير vb.4.0) header)


said
02-11-2010, 10:11 PM
تركيب الشعار وخلفية الهيدر

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

بمتغير header

http://www.new-style.ws/vb/up/vb4/4/Untitled-1.jpg

http://www.new-style.ws/vb/up/vb4/4/Untitled-2.jpg


نختار المتغير

titleimage

http://www.new-style.ws/vb/up/vb4/4/Untitled-3.jpg



1- نضغط عليه دبل كلك






لمشاهدته بعد التركيب




http://www.new-style.ws/vb/up/vb4/4/Untitled-4.jpg

الان تركيب خلفية الهيدر



من المتغير



2- نضع اسم المجلد ورابط شعار الموقع header_background



http://www.new-style.ws/vb/up/vb4/4/Untitled-5.jpg

1- نغضط عليه دبل كلك




يعني راح يملء الهيدر



مثال ما قام به من تغيير

http://www.new-style.ws/vb/up/vb4/4/Untitled-6.jpg



2 - نختار لون الخلفيه طبعاً راح يظهر هذا الون معك اسفل صورة الهيدر مباشره 3- نضع اسم المجلد و اسم صورة الخلفيه header_border


هذا الخيار عندي انا غير مهم هو وضع اطار حول جدول الهيدر

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


خلينا نحط فيه بعض المعلومات علشان نشوف تاثيره



http://www.new-style.ws/vb/up/vb4/4/Untitled-7.jpg




http://www.new-style.ws/vb/up/vb4/4/Untitled-8.jpg


تم وضع اطار حول الهيدر


انا راح امسحه علشان نكمل التصميم


المتغير


header_color

هذا الخيار لتغير لون الخط في الهيدر


http://www.new-style.ws/vb/up/vb4/4/Untitled-9.jpg



مثال بعد تغير لون الخط


http://www.new-style.ws/vb/up/vb4/4/Untitled-10.jpg



المتغير

header_font

هذا الخيار لتغير نوع الخط وحجم وشكل الخط


http://www.new-style.ws/vb/up/vb4/4/Untitled-11.jpg



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


وجعلت الخط عريض مثال بعد التغير


http://www.new-style.ws/vb/up/vb4/4/Untitled-12.jpg

المتغير

toplinks_input_login_backgroundColor

لون خلفية زر تسجيل الدخول


http://www.new-style.ws/vb/up/vb4/4/Untitled-13.jpg


http://www.new-style.ws/vb/up/vb4/4/Untitled-14.jpg


راح يوضح معك عندما تقوم بتسجيل الخروج من المنتدى


المتغير

toplinks_form_input

هذا المتغير هو لون الخط في المدخل الخاص باسم العضو وكلمة السر


http://www.new-style.ws/vb/up/vb4/4/Untitled-15.jpg

مثال

http://www.new-style.ws/vb/up/vb4/4/Untitled-16.jpg




المتغير
header_padding

هذا المتغير خاص في حواف الهيدر وجعل بينها مساحه

بحسب اختيارك

http://www.new-style.ws/vb/up/vb4/4/Untitled-17.jpg


طبعا راح اغير رقم 10 الى صفر علشان ما يكون فيه فراغ
قبل


http://www.new-style.ws/vb/up/vb4/4/Untitled-18.jpg


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


http://www.new-style.ws/vb/up/vb4/4/Untitled-19.jpg



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

:: الدرس منقول ::
:: إنتضرو باقي الدروي ::

دنيا محمود
02-16-2012, 08:52 PM
الشرح مفيد كتير انه اكثر من رائع

سلمت يداك

دنيا محمود
02-25-2012, 09:29 PM
سلمت يــــــــــــــداكـــ على رقــــى وجمــــــــــال طرحكــ
ابــــداع متواصـــل ماشــــــــــاء الله
ننتظـــــر منك القـــــادم

دنيا محمود
02-25-2012, 09:32 PM
سلمت يــــــــــــــداكـــ على رقــــى وجمــــــــــال طرحكــ
ابــــداع متواصـــل ماشــــــــــاء الله
ننتظـــــر منك القـــــادم

سارة محمد
06-02-2012, 02:52 AM
شرح فى غاية الرووعه نتتظر المزيد

ذات النطاقين
08-21-2013, 09:05 AM
رووووووعة
تسسلم يـمنآكِ يالغلاآآ
دمتي بح’ـــب..~