طريقة تصميم استايل منتدى الدرس الثالث

من طرف ضمير العراقي 24.04.10 12:43

الدرس الثالث
كيفية عمل استايل منتدى خطوة بخطوة

بعد ان تم شرح الدرس الاول في الفوتوشوب والدرس الثاني الفرونت بيج

نبدأ الان الدرس الثالث وسنشرح هنا طريقة عمل برواز حول المنتدى وتغيير اللوان المنتدى
عن طريق (Style Sheets & Wrappers)

نبدأ wrappers

يمكنك عمل براوز حول المنتدى ككل
لعمل برواز حول المنتدى ككل من لوحة التحكم ثم من (Templates & Skins)

ثم من (Board Wrappers) ثم Edit

في الدرس السابق عملنا الجداول وتعمدت فصل الجداول الى قسمين الجزء العلوي والجزء السفلي
وكذلك تم تغيير الكود التالي
file:///C:/Documents%20and%20Settings/Administrator/Desktop/images

الى هذا الكود الخاص بالسكن
{$ibforums->vars['img_url']}

في wrappers
يختلف كود الصور عن كود السكن وسيتغير الكود السابق الى هذا الكود الخاص بالــ wrappers

style_images/<#IMG_DIR#>

لكي ينعرف على صور البرواز
والان بعد ان ضغطنا على edit ننسخ الجزء العلوي من الجداول والموجود في الدرس السابق
مع تغيير كود الصورة ونضعه بعد
مباشرة ثم ننسخ الجزء السفلي من الجدول ونضعه قبل ثم نضغط على
Edit Wrappers
وبهذا سيكون لدينا برواز حول المنتدى ككل أما إذا أردنا أن يكون البرواز حول الأقسام والإحصائيات فننسخ الجزء العلوي من الجدول ونضعه بعد
<% BOARD HEADER %> مباشرة ثم ننسخ الجزء السفلي من الجدول ونضعه
قبل <% COPYRIGHT %> ثم نضغط على Edit Wrappers
وبهذا سيكون لدينا برواز حول الأقسام والإحصائيات
هسة روح أشرب لك آوب شاي تعدل راسك فيه وارجع علشان نكمل مع Style Sheets
بالنسبة Style Sheets ما عندي شرح كثير عنه
لأن قمت بوضع وصله عنه توضح التغييرات Style Sheets
إضغط هنا لكي تنتقل إلى الوصلة
الأسهم التي باللون الأحمر تبين مكان التغيير للتيبل و الخلفيات و المظهر الخارجي للمنتدى
أما الأسهم التي باللون الأخضر فتبين مكان التغيير للخطوط المنتدى
وبهذا ينتهي الدرس الثالث