بسم الله الرحمن الرحيم
هذه السلسلة الثانية من دروس صمم ستايلك
من هذه السلسلة الى السلاسل الى الاخرى يبدأ الشغل المضبوط يعني السلسلة الاولى كانت نبذة بسيطة
في هذه السلسلة نحتاج انه يكون عندك سيرفر شخصي(يمكن الاستغناء عنه ولكن وجوده افضل) بأذن الله راح اشرح لكم كيف صممت هذا الستايل
www.al-ward.net/vb
بعد كان ستايل الافتراضي
الصفحة الرئيسية فقط والباقي في السلاسل الاخرى
بسم الله نبدأ الشرح
( اتمنى من الجميع عدم تغير الستايل الافتراضي حتى الالوان)
بعد تركيب المنتدى على السيرفر الشخصي يكون ستايل افتراضي طيب في البداية نغير الخلفية ( الطريقة مشروحة في الدرس الاول) بعد تغير الخلفية توجد مشكلة وهي يوجد لون ابيض كما توضح الصورة (اضغط على الرابط لمشاهدة الصورة)
http://www.ebda3host.net/se1/4.gif
نقدر نشيل الون الابيض عن طريق صفحة الالوان وتحديدا عند الفراغ الاول مثل ما توضح الصورة
نسمح الكود ونضع نفس لون الخلفية الي عدلناها
اذا كانت الخلفية صورة مثلي نمسح المكتوب ونضع هذا الكود
مع مراعاة تغير عنوان الصورة لاتنسى ان تقوم برفع الصورة داخل ملف الصوركود PHP:"body background="images/bgl.gif"
الحين لم يبقى سوى بياض خفيف تحت الايقونات نقدر نشيله لما نعدل على الهيدر
تعديل الهيدر :
اذهب الى صفحة التمبليتات وتحديدا عند التمبليت header انقله الى الفرونت بيج
عن طريق تضليل جميع محتويات الهيدر ونسخ ثم الذهاب الى الفرونت بيج والضغط على HTML
ثم مسح الموجود داخله ولصق محتويات الهيدر بعد لصقه اضغط على (عادي) بنسبة لي لاني ا
اعمل على الفرونت بيج XP عربي
رح تطلع لكم مجموعة صور راح اوضحها لكم كما في الصورة (اضغط على الرابط لمشاهدة الصورة)
http://www.ebda3host.net/se1/6.gif
الان .. سهل على اي واحد يجيد استخدام الفرونت بيج رفع صورة الشعار الى الاعلى سوف اشرح لكم
طريقة بسيطة:
انت فاتح الهيدر على الفرونت بيج سوي صفحة جديدة وامسح ما داخل HTML بعدين اعمل جدول في السطر الثاني وخليه شفاف ، الان ارجع الى صفحة الهيدر وانسخ الصور السبعة ما عدا صورة الشعار والصقها في الجدول الشفاف ارجع الى صورة الشعار وانسخها وجعلها في السطر الاول من الصفحة الجديدة وضلل الكل واضغط على توسيط رح يطلع معاك مثل كذا (اضغط على الرابط لمشاهدة الصورة)
http://www.ebda3host.net/se1/h1.gif
تستطيع التعديل بطريقة اخرى على حسب ذوقك وخبرتك
الان بعد التعديل اضغط على HTML وانسخ الكود الموجود وتلصقه في الهيدر
كذا انتهينا من التعديل الهيدر , الايقونات انت تصممها بذوقك والشعار كذلك
تعديل الفورهوم forumhome :
نفس طريقة الهيدر ادخل على صفحة التمليتات واختر التمليت forumhome وضعه بالفرونت بيج يطلع لك
_بعض الموجود في الصفحة الرئيسية
راح نأخذها وحدة وحدة نبدأ بالي توضحها الصورة :
لالوان المتشابهة تدل على ( دالة - ماذا تدل عليه الدالة) مثلا لو لاحظنا المواضيع وجدناها ودالتها _
$totalthreads _بنفس الون اتوقع الان وضح معنى الدالة أكثر
دالة الاعضاء تعطيك >>>> عدد اعضاء المنتدى
دالة المواضيع تعطيك >>>> عدد مواضيع المنتدى
.............. الخ
التعديل فيها يتخلف من شخص الى اخر يوجد تعديلات كثيرة على حسب ذوقك تقدر تجعلها داخل جدول مثل الي عملتها انا
طبعا هذه تعتمد على الفرونت بيج أكثر شيء وهو اسهل برنامج والكثيرون يستطيعون التعامل معه
إبدأ في التعديل الذي تريده ولكن اذا ردت ان تضيف خلفية مثلي عليك اتباع الاتي
اولا تذهب الى الجدول الي تبغى تضيف له خلفية وتضغط عليه بزر الايمن وتختار (خصائص الخلية)
الصورة الثانية
الحين اذا حاب تضيف خلفية لون اعمل مثل رقم (1) واذا حاب تعمل الخلفية صورة أعمل مثل رقم اثنين
ذا اضفت لون ماعليك سوى اختيار الون
اذا اضفت صورة ضع علامة صح على (استخدام صورة خلفية) وضع هذا الكود
مع استبدال اسم الصورة ورفع الصورة داخل مجلد الصوركود PHP:{imagesfolder}/k2.gif
الخطوة الثانية من التعديل
في تمبليت الفورهوم يوجد جدول (القسم . المشاركات . المواضيع . الاشراف) عدل فيه تقدر تضيف له خلفية بنفس الطريقة وتقدر تغير لون الخط .. الخ
الان تقريبا انتهينا من تعديل الفورهوم باقي شيء قليل نوضحه اخر الدرس ونأتي لشيء مهم الجدول هذا :
كيف نجعل لها خلفية سواء لون او صورة؟
يوجد طريقتين عن طريق تعديل تمبليتات وعن طريق صفحة الألوان كل واحد وله مميزاته مثلا الي عن طريق التمبليتات تستطيع جعل لكل جدول خلفية.
لكن الذي عن طريق صفحة الألوان في يضع خلفية موحدة لجدوال معينة مواضحه بالصورة مثلا اي جدول مكتوب عليه رقم (1) هذا يدل ان خلفيات الجداول الي مكتوب عليها رقم (1) خلفية وحدة وكذلك رقم (2) (3)
سوف اشرح الي عن طريق صفحة الالوان والي عن طريق التمبيلت كتبت اسمائها في تمبليتات في الصفحة الرئيسية ( اخر الموضوع )
الصورة توضح لكم طريقة تغير الخلفيات:
رقم واحد لتغير الخلفيات الي رقمها (1)
رقم اثنين لتغير الخلفيات الي رقمها (2)
الحين غير اكواد الالوان الموجودة أكواد الالوان التي تريدها
واذا حبيت تضيف خلفية امسح الموجود واضيف هذا الكود مع تغير عنوان الصورة ورفعها الى مجلد الصور
صورة لتغير خلفية رقم (3)كود PHP:"body background="images/k2.gif"
التعديل بنفس الطريقة
تعديلات اخر الصفحة
الصورة توضح (اضغط على الرابط لمشاهدة الصورة)
http://www.ebda3host.net/se1/13.gif
الي كاتب عليها اشرحه كتابيا هذا عبارة عن 2 تمبيلت ، الاول عندما يكون للعضو المتصفح تضهر له مثل هذا الغير الزائر تظهر له نفس الشيء لكن بدون خروج وجود قائمة لدخول العضو ويكون التعديل عليها من :
forumhome_logincode >> للزائر
forumhome_logoutcode >> للعضو
والباقي مكتوب في أي تمبيلت التعديل
تمبيلتات في الصفحة الرئيسية :
forumhome_forumbit_level2_post >> هذا لتعديل خلفية الاقسام الفرعية وعدد المشاركات وعدد المواضيع وخلفية المشرفين
forumhome_forumbit_level1_nopost >> لتعديل خلفية الاقسام الرئيسية
forumhome_loggedinusers >> لتعديل المتواجدون الآن
forumhome_pmloggedin>> تعديل الرسائل الخاصة
هذا والله اعلم
انتظرو السلسلة القادمة والتي سوف تكون عن ( صفحة المشاركات .. صفحة المواضيع .. طريقه لتعرف على التمبلتات)
تقبلو تحياتي
abofares
