عمل استايل لمنتداك في عشر خطوات vb 4.0.0

[web net]

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

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

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

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


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


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


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

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


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


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




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


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








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

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


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








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




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

Steve Machol



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

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


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







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

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


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


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





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

راح نغير زي الخطوة اللي فوق بس هذه المرة راح نغير خلفية الفوتير اللي اسفل المنتدى 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

وسلامتكم

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

بارك الله فيك

[vip]

بارك الله فيك

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

مميز في طرحك لكن لا اظن هذا يكفي لتصميم ستايل غير الون الكحلي