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

الموضوع: طريقة تصميم ستايل للمنتدى درس بالصور

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

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



    السلام عليكم
    هذا الدرس الاول من تصميم ستايل نقلا عن شبكة البكرنت

    في هذا الدرس سوف نتعلم طريقة تصميم ستايل لمنتديات vb

    ويلزمك في هذا الدرس البرامج التالي :-

    1- برنامج فرونت بيج ويفضل ان يكون xp وايضا يكون عربي لان الدرس سوف يكون عليه

    2- برنامج الفتوشوب ويفضل ان يكون رقم اصداره (6) النسخة العربية
    3- برنامج اباتشي ويمكنك تنزيله من مكتبة برامج شبكة البكرنت بالضغط هنا

    4- نسخة لمنتديات vb ويفضل ان تكون خاليه من اي هاك او ستايل سابق ويفضل ان تقوم بتنزيل نسخة 2.2.9 بالضغط هنا

    لانه سوف يتم الشرح عليها

    بعد ان تقوم بتحضير ما ذكر اعلاه

    قم بعمل تنصيب لبرنامج اباتشي وطريقة عمل التنصيب كالتالي:
    نقوم بالضغط على ايقونة البرنامج


    سيظهر لنا مربع التحميل نقوم بالضغط على زر Next




    أنتظر حتى يكتمل التحميل ثم قم بالضغط على close

    بعد التحميل ستجد ان البرنامج ظهر ضمن البرامج بالنسبة لمستخدمي ويندوز 98 او me ستجد ان ملفات البرنامج

    ظهرت ضمن قائمة ابدأ

    اما مستخدمي ويندوز xp ستجد ان البرنامج ظهر ضمن البرامج

    وهنا صوره توضح مكان البرنامج ليوندوز 98 وme



    وهذه صوره توضح مكان البرنامج في ويندوز xp



    الان لا بد ان نتأكد بأن البرنامج يعمل دون مشاكل

    لمستخدمي ويندوز 98 وme

    عليهم اتباع التالي

    من قائمة ابدء اختر تشغيل

    سيظهر لك المربع التالي



    نقوم بكتابة التالي في المربع ونضغط موافق C:\apache\mysql\bin\mysqld.exe

    ستظهر لك شاشة سوداء وتختفي

    ثم نعمل نفس الطريقة ونقوم بكتابة التالي في المربع C:\apache\Apache.exe

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

    اما لمستخدمي ويندوز اكس بي عليهم اتباع التالي

    من قائمة ابدأ نختار تشغيل ومن ثم نقوم بكتابة التالي C:\apache\mysql\bin\winmysqladmin.exe

    ستظهر لك شاشة قم بأغلاقها ثم اعد تشغيل الكمبيوتر وبعد ذلك اذهب الى ابدأ ثم تشغيل

    واكتب السطر التالي C:\apache\Apache.exe

    ------

    هذي هي طريقة تشغيل البرنامج لجميع الانظمة

    الان نكمل الدرس

    بعد ان قمنا بمعرفة طريقة تشغيل البرنامج علينا الان عمل التالي

    من المتصفح نذهب الى قائمة أدوات كما في الصورة




    يتبع





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


  2. #2
    عضو نشيط
    تاريخ التسجيل
    Jul 2001
    المشاركات
    159


    تابع

    ثم خيارات انترنت ونختار منها تبويت الاتصال كما في الصوره


    بعد ذلك نضع الخيار على لاتقم بطلب الاتصال ابدا ثم نضغط موافق كما في الصوره اعلى

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

    وقم بتركيبها على جهازك ولمعرفة الطريقة قم بالضغط هنا

    بعد تركيب المنتدى قم بالذهاب الى برنامج فرونت بيج ومن قائمة ملف اختر فتح ويب كما في الصورة



    سيظهر لنا التالي نختار من القائمة محرك الاقراص :c كما في الصورة التالية





    سيفتح لنا ماهو موجود داخل قرص :c نقوم بالضغط على مجلد apache مرتين بسرعة

    ستجد انه ظهر لنا كما في الصورة التالية





    ايضا نقوم بالضغط على مجلد htdocs مرتين بسرعة شاهد الصوره




    ستفتح لنا الواجهة التالية




    يتبع





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

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


    تابع


    بعد ان تظهر لنا النافذة اعللاه نقوم بتضليل مجلد vb ومن ثم نقوم بالضغط على فتح

    بعد ان تضغط فتح سيظهر لك مربع الحوار التالي اختر (نعم)




    الان انتهينا من اعداد برنامج الفرونت بيج وربطه في مجلد vb

    الان سنبدء في عمل ستايل خاص بالمنتدى

    توجة الى برنامج الفوتوشوب وقم بعمل برواز بالشكل الذي تريد وباللون الذي تريد مثال على البرواز




    بعد ذلك من شريط الادوات في الفوتوشوب نختا اداة القص


    ثم نقوم بعمل قص للبرواز الذي قمنا بعمله ليصبح بهذا الشكل




    شاهد كيف قمنا بتقصيص الاطار واصبح ثمان اجزاء

    اي اصبح (4) زوايا ومن كل جهه قمنا بقص جزء منها

    الان من قائمة ملف نختار حفظ للنسيج العالمي كما في الصورة اسفل




    سيظهر لنا المربع مربع نختار منه موافق ومن ثم نقوم بحفظ العم في اي مكان ويفظل ان يكون في مجلد جديد

    ويجب ان يكون الاسم مكتوب باللغة الانجليزية شاهد الصورة اسفل





    بعد الضغط على حفظ اذهب الى مكان الحفظ ستجد انه تم حفظ الملف عى هيئة صفحة انترنت

    وايضا ستجد انه تم حفظ معه مجلد جديد بأسم images

    وستجد بداخله جميع الصور الخاصة بالاطار بعد تقصيصة انظر الصورة اسفل





    ما يهمنا هو مجلد images اي الصور التي بداخلة والتي سنستخدمة لعمل الاطارات على المنتدى

    الا نبدء بالعمل في تصميم الستايل

    سنبدء بعمل اطار يكون محيط بأقسام المنتدى اذا نذهب الى المنتدى الذي قمنا بعمله على برنامج اباتشي

    ونقوم بالدخول على لوحة التحكم ونذهب

    الى Templates ونختار منها Modify ونقوم بالضغط عليها ستجد انه ظهرت لنا يمين الصفحة التالي:-





    نختار من هذه الاختيار Show all

    ستظهر لنا قائمة بالتمبليتات وهذي هي ما سوف نقوم بالتعديل عليه وسنبدء بالتمبيليت forumhome

    وهي صفحة الرئيسية للمنتدى وستجد امامها [change original] نقوم بالضغط عليها ستجد انه ظهرت لنا الصفحة التالية



    سوف نقوم الان بنسخ الكود الذي في المربع الكبير

    ومن ثم نقوم بالتوجه الى برنامج الفرونت بيج ونقوم بفتح صفحة جديده ومن ثم ننزل اسفل ونختار منها HTML انظر الصوره





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




    هذا الجزء الاول من الدرس وانشاء الله بعد ما يضيفون الدرس الثاني ابنقله لكم
    وهذا عنوان الدرس
    http://www.albakr.net/stayl1.htm





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

  4. #4
    عضو فعال جدا
    تاريخ التسجيل
    Feb 2000
    المشاركات
    3,248


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





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

  5. #5
    عضو نشيط
    تاريخ التسجيل
    Jul 2001
    المشاركات
    159


    مرحبا اخوي
    على حسب معرفتي البسيطة بالستيلات
    نفتح دليل على شان نحفظ الصور الجديده على شان يطلب فرونت بيج حفظها ونحدد له ملف جديد مثال images1 على شان يكون الستايل فرعي وكذلك يسهل العمل بالستايل
    خلنا ننتظر باقي الدرس ونشوف
    تقدر تطرح السؤال على صاحب الموقع





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

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


    تسلم والله بارك الله فيك على الشرح المتميز

    اخى الكريم

    عند طلب العنوان التالي

    http://localhost/vb/admin/install.php

    يظهر لي المسج المشؤم مالحال برايك





    تحياتي





    __________________
    برقا والسما زرقا
    نايف النايف غير متواجد حالياً

  7. #7
    عضو نشيط
    تاريخ التسجيل
    Jul 2001
    المشاركات
    159


    اخوي والله للاسف مااعرف وش المشكلة انا نقلت الموضوع فقط لاني رأيت كثيرين يسؤلون عن عمل ستايل
    بس اتوقع انك ما تستخدم برنامج اباتشي
    والاخوان مو مقصرين معك





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

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


    شرح ولا اروع

    بارك الله فيك اخوي على هذا الشرح

    واتمنى انك تواصل ذالك





    __________________
    مؤسســـــة واو التقنيــة
    الإدارة- ساري سليمان
    wawtec.com.sa
    manager(@)wawtec.com.sa
    2489706-9661 تحويله (101)
    2787551-9661 فاكس
    حابد غير متواجد حالياً

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


    اخوي الغالي

    اشكرك على هذا الابداع جزاك الله خير

    تحياتي لك

    اخوك الوافي





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

  10. #10
    عضو نشيط
    تاريخ التسجيل
    Jul 2001
    المشاركات
    159


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





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

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


    السلام عليكم
    ابشركم وصل الدرس الثاني

    لكثرة الصور وضيق الوقت مارح انقله لكم لكن تقدرون تشوفون الشرح في الرابط التالي
    http://albakr.net/stayl2.htm





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

  12. #12
    عضو نشيط
    تاريخ التسجيل
    Jul 2001
    المشاركات
    159


    السلام عليكم
    حبيت ابشركم انه نزل كم درس
    http://www.albakr.net/stayl1.htm الدرس الاول
    http://www.albakr.net/stayl2.htm الدرس الثاني
    http://www.albakr.net/stayl3.htm الدرس الثالث
    http://www.albakr.net/stayl4.htm الدرس الرابع
    http://www.albakr.net/stayl5.htm الدرس الخامس

    وجميع الدروس بالصور





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

  13. #13
    عضو فعال جدا
    تاريخ التسجيل
    Apr 2000
    المشاركات
    2,434


    مشكور جزاك الله خير على النقل المفيد لهذا الشرح الوافي .





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

  14. #14
    عضو نشيط
    تاريخ التسجيل
    Jul 2001
    المشاركات
    159


    وياك اخوي وجزالله من قام بشرحها





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

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


    الله يجزاك خير اخوي وبارك الله فيك





    شاهين غير متواجد حالياً

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




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

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