الموضوع: vBulletin 4.0 > عشر خطوات لتصمم قالبك

سبحان ربي العظيم وبحمده

سبحان ربي العظيم وبحمده

سبحان ربي العظيم وبحمده

vBulletin 4.0 > عشر خطوات لتصمم قالبك

طبعاً الفي بي 4 عملوا تغيير في طريقة عمل الاستايلات وتعديلها وفي البلوق تبعهم حاطين طريقة عمل استايل لمنتداك في عشر خطوات

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

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

الخطوة الاولى
تغيير شعار المنتدى
عشان تغير صورة شعار المنتدى في الاصدار الجديد تروح على لوحة التحكم بعدين تروح على الاوامر بالترتيب
Style Manager > StyleVars > titleimage

تختار صورة الشعار وتحط المسار تبع الصورة بعدين ترعص على زر حفظ




راح تشوف بعدها صور الشعار





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

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

بعدين من لوحة التحكم تروح على الاوامر بالترتيب

Style Manager > StyleVars > header_background
تختار الصورة وتحدد المسار بعدين كليك على حفظ



هيدر الصفحة بعد الحركة اللي طافت



وممكن تعبي الفراغات لو صارت وتحط في صندوق اللون نفس الوان الصورة

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

Style Manager > StyleVars > navbar_background




شوف كذا النتيجة




ستيف اللي عامل هذا الشرح في بلوق فيبولتين يقولك خلاص ممكن الخطوات هذي تكفيك ولو تبغا ممكن تعدل اكثر وتكمل الخطوات

Steve Machol


__________________


الخطوة الرابعة

تغيير لون الخلفية للمنتدى
نعدل اللون والطريقة تروح للخطوات بالترتيب
Style Manager > StyleVars > doc_backgroundColor



تغير لون الخلفية يغير من شكل المنتدى



بس لو تشوف انو اللون بين الهيدر والمنتدى مختلف عن لون الخلفية وهذا راح نغيره في الخطوة التالية

الخطوة الخامسة

تعديل لون الحد السفلي للناف بار عشان يتماشى مع الخلفية
زي ماهو واضح لون حد الناف بار مو مزبوط عشان كذا ممكن نصلح المشكلة وبدال ما نحط لون نختار خيار الشفافية الزر اللي في الركن والاوامر عشان التنفيذ بالترتيب
Style Manager > StyleVars > navbar_border
نختار اخر واحد اللون Color




شوف المساحة اللي بدون لون خلت الخلفية تظهر


__________________

الخطوة السادسة

راح نحط صورة خلفية لهيدر الجداول في المنتدى



اللون الاصلي مش بطال بس نحب نعمل لمسة على المنتدى
نرفع الصورة بعدين ننفذ الخطوات بالترتيب ونحط مسار الصورة
Style Manager > StyleVars > blockhead_background



نقرة وحده بعد كذا راح تشوف النتيجة



الصورة مقاسها 935 x 50 pixels

الخطوة السابعة

راح نغير زي الخطوة اللي فوق بس هذه المرة راح نغير خلفية الفوتير اللي اسفل المنتدى footer

نختار الصورة مقياسها 935x32 pixels ونرفعها للمنتدى



بعدين نروح على الخطوات بالترتيب وحط المسار تبع الصورة
Style Manager > StyleVars > footer_background



ارعص على حفظ وشوف الشغلة كيف سهلة


بلكن الصورة ما راح تخلي الوان الوصلات تبان بس هذي تقدر تعدلها انك تغير الوان الوصلات

الخطوة الثامنة

طيب كيف نقدر نغير لون الوصلات في الفوتير
ولا يهمك امشي على الخطوات بالترتيب وحط اللون على ذوقك
Style Manager > StyleVars > footer_link_color



لو اخترت لون اسود راح يبان زي كذا

__________________


الخطوة التاسعة

تغيير لون خلفية المنتدى الداخلية body background
نبغى نغيرها من ابيض الى سماوي فاتح
طبعا نروح على الخطوات بالترتيب ونحط اللون تبعنا
Style Manager > StyleVars > body_background



شوف الحين وش اللي صار

__________________



الخطوة العاشرة والاخيرة

بعد ما غيرنا اللي قات لاحظت انو في المساحة في فوتر المنتدى تحت عند زر كتابة موضوع جديد وكتابة رد جديد ما كان لها لون مناسب ففكرت اني اعمل لها صورة خلفية واخترت هذي 750x40 pixels


رفعت الصورة ودخلت على وحطيت المسار تبعها
Style Manager > StyleVars > blockfoot_background


الحين صار لفوتر جدول المنتدى مزاج خاص


بكذا يسير التعديل على الاستايل انتهي
والبلوق اللي عليه الموضوع http://www.vbulletin.com/forum/blog.php?b=2373

وسلامتكم منقول من الاخ MANTEK

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