منتدى استراحات زايد - شرح : تعديل الاستايل فى 10 خطوات بسيطه للنسخه vBulletin® v4.0.0

السلام عليكم و رحمة الله و بركاته

اليوم بمشيئة الله تعالى سنشرح طريقة تعديل الاستايل ليلائم اسلوب منتداك

و لكن سيكون الشرح مع نسخة الجيل الرابع ( vBulletin® v4.0.0 )

و طبعا كالعاده هذا الشرح حصرى لنادى دعم الفى بى

ملحوظه : الشرح مقتبص من كتاب تم طرحه و لكن باللغه الانجليزيه و قمت بتعريبه بحمد الله تعالى

لنلقى نظره اولا على الاستايل الافتراضى الذى يأتى مع النسخه

http://img406.imageshack.us/img406/2631/42696053.jpg

بسم الله نبدأ الشرح

1- الخطوة الاولى : تغيير شعار المنتدى ( اللوجو )

بالطبع كل شخص يريد تغيير الشعار او اللوجو الى لوجو منتداه الخاص و لكن ما هى الخطوات اللازمة لذلك

اولا : توجة الى لوحة تحكم المنتدى

http://img197.imageshack.us/img197/4945/51065543.jpg

ثم نضغط على Styles & Templates

ستظهر قائمه نختار منها Style Manager

ثم نختار الاستايل الذى نريد التعديل عليه طبعا انا انشأت استايل و اعطيته اسم D3M-VB Style v.4.0

كما بالصورة التاليه :

http://img188.imageshack.us/img188/9271/97499520.jpg

و من القائمه المنسدله بجانب اسم الاستايل نختار كما بالصوره StyleVars

http://img687.imageshack.us/img687/9896/95867100.jpg

ستفتح لنا قائمة فى الجهه اليسرى منها ستجد اسماء المتغيرات كما هو واصح بالصورة التاليه

http://img188.imageshack.us/img188/8209/21768026.jpg

و نختار منها المتغير titleimage

و نضع رابط الصوره و امتدادها طبعا بعد رفعها للمنتدى ثم نضغط حفظ

بالفعل تم تغيير اللوجو

http://img188.imageshack.us/img188/8281/82372417.jpg

و لكن طبعا الخلفيه غير ملاءمه لللوجو و لهذا سيتم تغيير لونها الى اللون الملائم و هذه هى الخطوة التاليه .

2- الخطوة الثانيه تغيير خلفية اللوجو ( Header ) :

من نفس القائمة اليسرى نختار المتغير header_background

http://img406.imageshack.us/img406/4443/94592730.jpg

ثم نختار اللون المناسب للهيدر و نضغط حفظ

http://img405.imageshack.us/img405/506/14788853.jpg

تم تغيير لون الهيدر الان ننتقل للخطوة الثالثه و هى :

3- الخطوة الثالثه : تغيير خلفية النافبار ( navbar background )

نختار من القائمة اليسرى المتغير navbar_background

ستفتح لنا فى الجهة اليمنى لون النافبار او الصورة الموضوعه كخلفية له

طبعا بامكانك عمل خلفية بالفوتوشوب او اى برنامج و لكن يجب مراعاة ان تكون الخلفيه بلا اى حدود

http://img190.imageshack.us/img190/6746/66313452.jpg

انا وضعت صوره كخلفية للنافبار

ملحوظه : يجب عمل اول مربع transparent ( شفاف ) حتى لا يؤثر على شكل الخلفية و عند وضع صوره يجب ايضا وضع امتدادها .

نضغط حفظ

http://img190.imageshack.us/img190/8747/54308981.jpg

تم التغيير بنجاح

4- الخطوة الرابعه : تغيير خلفية المنتدى كله .

نختار من القائمة اليسرى المتغير doc_backgroundColor

http://img233.imageshack.us/img233/5276/44442751.jpg

نختار اللون المناسب ثم نضغط حفظ

http://img190.imageshack.us/img190/8955/95795084.jpg

تم تغيير لون الخلفية كما واضح بالصورة السابقه