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

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

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

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

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

3- برنامج اباتشي ويمكنك تنزيله من مكتبة برامج شبكة البكرنت بالضغط هنا
http://www.albakr.net/abatche/setup.exe

4- نسخة لمنتديات vb ويفضل ان تكون خاليه من اي هاك او ستايل سابق ويفضل ان تقوم بتنزيل نسخة 2.2.9 بالضغط هنا
http://www.albakr.net/sis/229.zip

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

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

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


سيظهر لنا مربع التحميل نقوم بالضغط على زر 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

------

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

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

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

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




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


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

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

http://www.albakr.net/sis/229.zip

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

http://www.albakr.net/abatche.htm

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



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





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

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





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




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




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

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




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

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

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




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


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




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

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

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




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

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





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

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

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





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

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

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

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

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





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

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

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



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

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





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




هذا الجزء الاول من الدرس

مع تمنياتي لكم بالفائدة

تحياتي


منقول