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
رد مع اقتباس
رد: vBulletin 4.0 > عشر خطوات لتصمم قالبك
مواقع النشر (المفضلة)