صفحة 1 من 2 12 الأخيرةالأخيرة
النتائج 1 إلى 15 من 28

الموضوع: •·.·´¯`·.·• (©°¨¨¨™¤¦ السلسلة الثانية من دروس صمم ستايلك ¦¤™¨¨¨°© ) •·.·´¯`·.·•

  1. #1
    عضو نشيط
    تاريخ التسجيل
    Jul 2003
    المشاركات
    167

    •·.·´¯`·.·• (©°¨¨¨™¤¦ السلسلة الثانية من دروس صمم ستايلك ¦¤™¨¨¨°© ) •·.·´¯`·.·•



    بسم الله الرحمن الرحيم
    هذه السلسلة الثانية من دروس صمم ستايلك
    من هذه السلسلة الى السلاسل الى الاخرى يبدأ الشغل المضبوط يعني السلسلة الاولى كانت نبذة بسيطة
    في هذه السلسلة نحتاج انه يكون عندك سيرفر شخصي(يمكن الاستغناء عنه ولكن وجوده افضل) بأذن الله راح اشرح لكم كيف صممت هذا الستايل
    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)
    الحين غير اكواد الالوان الموجودة أكواد الالوان التي تريدها
    واذا حبيت تضيف خلفية امسح الموجود واضيف هذا الكود مع تغير عنوان الصورة ورفعها الى مجلد الصور
    كود PHP:
    "body background="images/k2.gif
    صورة لتغير خلفية رقم (3)

    التعديل بنفس الطريقة

    تعديلات اخر الصفحة
    الصورة توضح (اضغط على الرابط لمشاهدة الصورة)
    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





    __________________
    ===================
    ماسنجر
    ebda3_y (at) hotmail.com
    ===================
    من مواضيعي
    السلسة الاولى من دروس صمم ستايلك

    السلسلة الثانية من دروس صمم ستايلك
    abofares غير متواجد حالياً


  2. #2
    عضو فعال
    تاريخ التسجيل
    Mar 2003
    المشاركات
    1,744


    يا رجل انت داهية ماشاء الله عليك






    العبقري غير متواجد حالياً

  3. #3
    عضو سوبر نشيط
    تاريخ التسجيل
    Jul 2002
    المشاركات
    878


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

    وننتظر السلسلة الثالثة





    __________________
    للمراسلة :--
    http://alwa7eed.arabform.com
    alwa7eed غير متواجد حالياً

  4. #4
    عضو نشيط
    تاريخ التسجيل
    Jul 2003
    المشاركات
    167


    السلام عليكم

    العبقري
    هلا فيك اخوي وان شاء الله يكون استفدت


    alwa7eed
    الله يعافيك اخوي
    قريب ان شاء الله السلسلة الثالثة والاخيرة





    __________________
    ===================
    ماسنجر
    ebda3_y (at) hotmail.com
    ===================
    من مواضيعي
    السلسة الاولى من دروس صمم ستايلك

    السلسلة الثانية من دروس صمم ستايلك
    abofares غير متواجد حالياً

  5. #5
    عضو فعال جدا
    تاريخ التسجيل
    Mar 2003
    المشاركات
    2,786


    يعطيك العافيه على الشرح الرائع وبنتظار الدرس الثالث





    __________________
    (
    )
    (
    )

    Namr
    NaMr غير متواجد حالياً

  6. #6
    عضو نشيط
    تاريخ التسجيل
    Jul 2003
    المشاركات
    167


    السلام عليكم

    NaMr
    الله يعافيك اخوي وان شاء الله الدرس الثالث قريب


    abofares





    __________________
    ===================
    ماسنجر
    ebda3_y (at) hotmail.com
    ===================
    من مواضيعي
    السلسة الاولى من دروس صمم ستايلك

    السلسلة الثانية من دروس صمم ستايلك
    abofares غير متواجد حالياً

  7. #7


    ماشأء الله عليك اخوي ابو فارس

    دوما مبدع والله يعطيك العافيه

    ولا يحرمنا من مواضيعك المفيده.

    اخوك

    عيون العرب





    عيون العرب غير متواجد حالياً

  8. #8
    عضو فعال
    تاريخ التسجيل
    Jun 2003
    المشاركات
    1,364


    abofares

    اخي العزيز بعد الركود الذي حصل بقسم المنتديات
    ها انت تنعشه من جديد بروائعك ومواضيعك المتميزه

    الله يوفقك ويزيدك ولا تحرمنا من جديدك









    __________________
    شبكة الوافي التطويرية
    في خدمتكم دائماً لتطوير منتدياتكم ومواقعكم ..
    http://www.vbulletin4arab.com
    شبكة الجوارس العربية
    شبكة عربية تضم كل ما يفيد المستخدم العربي ..
    http://www.aljawariss.net
    الوافي غير متواجد حالياً

  9. #9
    عضو نشيط
    تاريخ التسجيل
    Jul 2003
    المشاركات
    167


    السلام عليكم

    هلا اخوي الوافي

    العفو اخوي

    بصراحة انا معجب بتصاميمك ما شاء الله عليك

    تحياتي
    abofares





    __________________
    ===================
    ماسنجر
    ebda3_y (at) hotmail.com
    ===================
    من مواضيعي
    السلسة الاولى من دروس صمم ستايلك

    السلسلة الثانية من دروس صمم ستايلك
    abofares غير متواجد حالياً

  10. #10
    عضو فعال
    تاريخ التسجيل
    Jun 2003
    المشاركات
    1,077


    كلمة الشكر قلية جدا مقابل هذا السخاء بالشرح

    جزاك الله كل الخير





    Damas غير متواجد حالياً

  11. #11
    عضو نشيط
    تاريخ التسجيل
    Jul 2003
    المشاركات
    167


    رد مقتبس من Damas
    كلمة الشكر قلية جدا مقابل هذا السخاء بالشرح

    جزاك الله كل الخير
    تسلم اخوي

    تحياتي
    abofares





    __________________
    ===================
    ماسنجر
    ebda3_y (at) hotmail.com
    ===================
    من مواضيعي
    السلسة الاولى من دروس صمم ستايلك

    السلسلة الثانية من دروس صمم ستايلك
    abofares غير متواجد حالياً

  12. #12
    عضو نشيط
    تاريخ التسجيل
    Mar 2002
    المشاركات
    204


    الله يوفقــــــــــــك

    عمل رائع وجهد تشكر عليه ..........
    يسلموووووووووووووووو يا غالي







    __________________
    الثقة تعني أن تشك حتى في نفسك
    شكرا لأصدقائي الأعداء

    الوداع
    heem55 غير متواجد حالياً

  13. #13
    عضو فعال جدا
    تاريخ التسجيل
    Sep 2001
    المشاركات
    3,680


    بارك الله فيك أخوي





    __________________
    الحالة في سوالف : غير نشط


    لاَ اِلَهَ اِلاَّ اَنْتَ سُبْحَانَكَ اِنِّي كُنْتُ مِنَ الظَّالِمِينَ

    الألفاظ هي الثياب التي ترتديها أفكارنا، لذا ..يجب ألا تظهر أفكارنا في ثياب رثة بالية
    محمود المسعودي غير متواجد حالياً

  14. #14
    عضو سوبر نشيط
    تاريخ التسجيل
    Jun 2003
    المشاركات
    960


    السلام عليكم

    مشكور اخوي على الدرس الوافي

    وان شاء الله نشوف الدرس الثالث بعون الله

    بس بغيت منك توضح لي شيء اخوي لو تسمح بس

    في هذه الصوره


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

    كيف لي ان اغيرمن شكلها او محتواها وهي لاتضهر لي ادا نسخت الكود في الفرونت بيج

    دروسك اخوي كانت واضحه وماعليها اي غبار وتشكر عليها جزيل الشكر وهدا يدل على كرمك

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

    تحياتي للجميع





    izaq غير متواجد حالياً

  15. #15
    عضو نشيط جدا
    تاريخ التسجيل
    Jun 2003
    المشاركات
    441


    مشكور يا مبدع على هذا الدرس والى الامام
    و بالتوفيق





    __________________
    احمدك ياربي على نجاتي من موت محقق بلا محاله

    العارف - ادارة فيبولتن العربيه
    \\ فيبولتن العربيه _ vBulletin-arab //

    []انتظرووو Golden Board ... اسطوره في عالم الانترنت بإذن الله[]
    . . .
    al3arf غير متواجد حالياً

صفحة 1 من 2 12 الأخيرةالأخيرة




ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  
0
أضف موقعك هنا