المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : 10 خطوات لتصميم إستايل style على الإصدار vbulletin 4



admin
10-30-2013, بتوقيت غرينيتش 10:09 PM
http://www.dzbatna.com/images/icons/iconrote.gif 10 ط®ط·ظˆط§طھ ظ„طھطµظ…ظٹظ… ط¥ط³طھط§ظٹظ„ ط¹ظ„ظ‰ ط§ظ„ط¥طµط¯ط§ط± vbulletin 4 (http://www.dzbatna.com/t1385654/)



بعد تركيب install المنتدى forum سيظهر لك بالشكل التالي








الخطوة 1



تغيير اللوجو
تم رفع هذة الصورة إلى المنتدي




سنقوم الأن بالدخول على
لوحة تحكم الإدارة » الإستايل styleات » header_background



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




الخطوة 2



تغيير لون خلفية الهيدر header
الأن كما لاحظت فى الصورة السابقه انه لون خلفية الهيدر header مختلف عن الصورة لذا سنقوم فى هذة الخطوة بتغيير لون الخلفية ليوحد مع الصوره



سنقوم بالدخول على
لوحة تحكم الإدارة » الإستايل styleات » header_background





لو تلاحظ أنه الخلفية عباره عن تدريج لون لذا سيتم إستخدام الصورة التالية كخلفية للهيدر ليتناسق مع صورة اللوجو



وسيصبح هذا هو الشكل النهائى




الخطوة 3




تغيير لون خلفية الشريط العلوى



بعد تغيير اللوجو الخاص بالمنتدى forum أصبح لون الشريط العلوي غير متناسق مع الإستايل style
لذا سنقوم فى هذة الخطوة بتغيير اللون الخاص به


سنقوم بالدخول على
لوحة تحكم الإدارة » الإستايل styleات » navbar_background



ونقوم بتغيير اللون إلى لون مناسب
ويظهر الشكل كما يلي




الخطوة 4



تغيير لون الخلفية
سنقوم الأن بالدخول على
لوحة تحكم الإدارة » الإستايل styleات » doc_backgroundColor







الخطوة 5



تغييرلون حدود شريط التصفح
بعد الخطوة السابقه سنجد أن الحدود لونها مختلف عن لون الريط لذا سنقوم فى هذة الخطوة بتغيير لون الحدود
سنقوم الأن بالدخول على
لوحة تحكم الإدارة » الإستايل styleات » navbar_border

ليكون الشكل





الخطوة 6



تغيير هيدر الأقسام



سنستخدم الصورة التالية كخلفية

سنقوم الأن بالدخول على
لوحة تحكم الإدارة » الإستايل styleات » blockhead_background






ليصبح الشكل كالتالي





الخطوة 7



تغيير فوتر المنتدي



سنستخدم الصورة التالية كخلفية

سنقوم الأن بالدخول على
لوحة تحكم الإدارة » الإستايل styleات » footer_background



ليصبح الشكل كالتالي




الخطوة 8



تغيير لون الروابط بفوتر المنتدي



سنقوم الأن بالدخول على
لوحة تحكم الإدارة » الإستايل styleات » footer_link_color



ليصبح الشكل كالتالي





الخطوة 9



تغيير خلفية المنتدى forum



سنقوم الأن بالدخول على
لوحة تحكم الإدارة » الإستايل styleات » body_background



ليصبح الشكل كالتالي





الخطوة 10



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




سنستخدم الصورة التالية كخلفية

سنقوم الأن بالدخول على
لوحة تحكم الإدارة » الإستايل styleات » blockfoot_background



ليصبح الشكل كالتالي







ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)



https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©

استعمل مربع البحث في الاسفل لمزيد من المواضيع


سريع للبحث عن مواضيع في المنتدى