vBulletin 4.0 > عشر خطوات لتصمم قالبك
سبحان ربي العظيم وبحمده
سبحان ربي العظيم وبحمده
سبحان ربي العظيم وبحمده
vBulletin 4.0 > عشر خطوات لتصمم قالبك
طبعاً الفي بي 4 عملوا تغيير في طريقة عمل الاستايلات وتعديلها وفي البلوق تبعهم حاطين طريقة عمل استايل لمنتداك في عشر خطوات
طبعا انتا تقدر تنسخ الاستايل الحالي وتشتغل على النسخة المنسوخة الين تخلص بعدين ممكن تعتمدها
طيب راح نبدا بالخطوات كل خطوة في رد بس الله الله بالتفاعل يا شباب واللي يقدر يكمل ولا يرده الا كيبورده https://mwadah.com/images/imgcache/2009/12/222.png
الخطوة الاولى
تغيير شعار المنتدى
عشان تغير صورة شعار المنتدى في الاصدار الجديد تروح على لوحة التحكم بعدين تروح على الاوامر بالترتيب
Style Manager > StyleVars > titleimage
تختار صورة الشعار وتحط المسار تبع الصورة بعدين ترعص على زر حفظ
https://mwadah.com/images/imgcache/2009/12/223.png
راح تشوف بعدها صور الشعار
http://www.mwadah.com/images/imgcache/notfound.gif
الصور راح تكون باينة بس الخلفية مش ولابد عشان كذا راح نعدلها في الخطوة نمبر تو
الخطوة الثانية
تغيير خلفية الهيدر عشان تتماشى مع صورة الشعار
تحتاج لصورة زي هذه فيها تدرج
https://mwadah.com/images/imgcache/2009/12/224.png
بعدين من لوحة التحكم تروح على الاوامر بالترتيب
Style Manager > StyleVars > header_background
تختار الصورة وتحدد المسار بعدين كليك على حفظ
https://mwadah.com/images/imgcache/2009/12/225.png
هيدر الصفحة بعد الحركة اللي طافت
https://mwadah.com/images/imgcache/2009/12/226.png
وممكن تعبي الفراغات لو صارت وتحط في صندوق اللون نفس الوان الصورة
الخطوة الثالثة
تعديل الناف بار في اعلى الصفحة تحت صورة الشعار
لون الناف بار طلع مناسب بس راح نحاول نخليه مختلف
الناف بار ممكن تخليه صورة وممكن تخليه لون
والطريقة تروح للاوامر بالترتيب
Style Manager > StyleVars > navbar_background
https://mwadah.com/images/imgcache/2009/12/227.png
شوف كذا النتيجة
https://mwadah.com/images/imgcache/2009/12/228.png
ستيف اللي عامل هذا الشرح في بلوق فيبولتين يقولك خلاص ممكن الخطوات هذي تكفيك ولو تبغا ممكن تعدل اكثر وتكمل الخطوات
Steve Machol
https://mwadah.com/images/imgcache/2009/12/229.png
__________________
الخطوة الرابعة
تغيير لون الخلفية للمنتدى
نعدل اللون والطريقة تروح للخطوات بالترتيب
Style Manager > StyleVars > doc_backgroundColor
https://mwadah.com/images/imgcache/2009/12/230.png
تغير لون الخلفية يغير من شكل المنتدى
https://mwadah.com/images/imgcache/2009/12/231.png
بس لو تشوف انو اللون بين الهيدر والمنتدى مختلف عن لون الخلفية وهذا راح نغيره في الخطوة التالية
الخطوة الخامسة
تعديل لون الحد السفلي للناف بار عشان يتماشى مع الخلفية
زي ماهو واضح لون حد الناف بار مو مزبوط عشان كذا ممكن نصلح المشكلة وبدال ما نحط لون نختار خيار الشفافية الزر اللي في الركن والاوامر عشان التنفيذ بالترتيب
Style Manager > StyleVars > navbar_border
نختار اخر واحد اللون Color
https://mwadah.com/images/imgcache/2009/12/232.png
شوف المساحة اللي بدون لون خلت الخلفية تظهر
https://mwadah.com/images/imgcache/2009/12/233.png
__________________
الخطوة السادسة
راح نحط صورة خلفية لهيدر الجداول في المنتدى
https://mwadah.com/images/imgcache/2009/12/234.png
اللون الاصلي مش بطال بس نحب نعمل لمسة على المنتدى
نرفع الصورة بعدين ننفذ الخطوات بالترتيب ونحط مسار الصورة
Style Manager > StyleVars > blockhead_background
https://mwadah.com/images/imgcache/2009/12/235.png
نقرة وحده بعد كذا راح تشوف النتيجة
https://mwadah.com/images/imgcache/2009/12/236.png
الصورة مقاسها 935 x 50 pixels
الخطوة السابعة
راح نغير زي الخطوة اللي فوق بس هذه المرة راح نغير خلفية الفوتير اللي اسفل المنتدى footer
نختار الصورة مقياسها 935x32 pixels ونرفعها للمنتدى
https://mwadah.com/images/imgcache/2009/12/237.png
بعدين نروح على الخطوات بالترتيب وحط المسار تبع الصورة
Style Manager > StyleVars > footer_background
https://mwadah.com/images/imgcache/2009/12/238.png
ارعص على حفظ وشوف الشغلة كيف سهلة
https://mwadah.com/images/imgcache/2009/12/239.png
بلكن الصورة ما راح تخلي الوان الوصلات تبان بس هذي تقدر تعدلها انك تغير الوان الوصلات
الخطوة الثامنة
طيب كيف نقدر نغير لون الوصلات في الفوتير
ولا يهمك امشي على الخطوات بالترتيب وحط اللون على ذوقك
Style Manager > StyleVars > footer_link_color
https://mwadah.com/images/imgcache/2009/12/240.png
لو اخترت لون اسود راح يبان زي كذا
https://mwadah.com/images/imgcache/2009/12/241.png
__________________
الخطوة التاسعة
تغيير لون خلفية المنتدى الداخلية body background
نبغى نغيرها من ابيض الى سماوي فاتح
طبعا نروح على الخطوات بالترتيب ونحط اللون تبعنا
Style Manager > StyleVars > body_background
http://www.mwadah.com/images/imgcache/notfound.gif
شوف الحين وش اللي صار
https://mwadah.com/images/imgcache/2009/12/242.png
__________________
الخطوة العاشرة والاخيرة
بعد ما غيرنا اللي قات لاحظت انو في المساحة في فوتر المنتدى تحت عند زر كتابة موضوع جديد وكتابة رد جديد ما كان لها لون مناسب ففكرت اني اعمل لها صورة خلفية واخترت هذي 750x40 pixels
https://mwadah.com/images/imgcache/2009/12/243.png
رفعت الصورة ودخلت على وحطيت المسار تبعها
Style Manager > StyleVars > blockfoot_background
https://mwadah.com/images/imgcache/2009/12/244.png
الحين صار لفوتر جدول المنتدى مزاج خاص
https://mwadah.com/images/imgcache/2009/12/245.png
بكذا يسير التعديل على الاستايل انتهي
والبلوق اللي عليه الموضوع http://www.vbulletin.com/forum/blog.php?b=2373
وسلامتكم https://mwadah.com/images/imgcache/2009/12/246.png منقول من الاخ MANTEK
رد: vBulletin 4.0 > عشر خطوات لتصمم قالبك
رد: vBulletin 4.0 > عشر خطوات لتصمم قالبك
رد: vBulletin 4.0 > عشر خطوات لتصمم قالبك
مجهود رائع منك عزيزي بارك الله فيك
رد: vBulletin 4.0 > عشر خطوات لتصمم قالبك
رد: vBulletin 4.0 > عشر خطوات لتصمم قالبك
رد: vBulletin 4.0 > عشر خطوات لتصمم قالبك
رد: vBulletin 4.0 > عشر خطوات لتصمم قالبك
رد: vBulletin 4.0 > عشر خطوات لتصمم قالبك
رد: vBulletin 4.0 > عشر خطوات لتصمم قالبك
رد: vBulletin 4.0 > عشر خطوات لتصمم قالبك
رد: vBulletin 4.0 > عشر خطوات لتصمم قالبك
رد: vBulletin 4.0 > عشر خطوات لتصمم قالبك
رد: vBulletin 4.0 > عشر خطوات لتصمم قالبك
رد: vBulletin 4.0 > عشر خطوات لتصمم قالبك
ربي يعطيك العافية
معلومات مميزة
رد: vBulletin 4.0 > عشر خطوات لتصمم قالبك
رد: vBulletin 4.0 > عشر خطوات لتصمم قالبك
رد: vBulletin 4.0 > عشر خطوات لتصمم قالبك
