pregnancy

تعلم تكويد وصنع استايل منتداك



بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

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

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


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

احب ان انوه

- ان الموقع الان لا يقبل الا نسخ 3.8.0 وما فوق
- ان الموقع يقوم بتكويد الاستايلات ذو الهيدرات الرباعيه والثلاثية
- ان القوالب التي يقوم بتكويدها هي كالتالي:
*قالب header
*قالب footer
*قالب forumhome
*قالب forumhome_forumbit_level1_nopost
*قالب forumdisplay
*قالب navbar
* قالب showthread

بسم الله نبدأ شرح الموقع:


الان لنفترض ان لدينا هذا الهيدر وسوف نستخدمه ايضا ً للفوتير وللصور التجميلية دعونا نرى الصورة والشرح موضح عليها



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


بداية ً يتوجب عليك التسجيل لكي تستطيع استخدام الموقع عبر الرابط التالي:

التسجيل من هنا

وسوف تنتقل الى هذه الصفحة كما بالصورة التالية:


تم تصغير حجم الصورة تلقائياً لسهولة التصفّح , اضغط هنا لمشاهدتها بالحجم الطبيعي 932x439.


طبعا ً الصورة تشرح نفسها ولكن ما اود التأكيد عليه وهو ان اسم المجلد لابد ان يكون اربع احرف او اكثر ولابد ان تكون الحروف باللغة الانجليزية

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

تم تصغير حجم الصورة تلقائياً لسهولة التصفّح , اضغط هنا لمشاهدتها بالحجم الطبيعي 932x332.


1- ادخل اسم الاستايل باللغة الانجليزية بدون فراغات.
2-اذا اردت الاستايل غير متمدد فعلم على المربع وسوف يظهر لك خيار يتيح لك وضع العرض المطلوب للاستايل اما اذا تركته فسوف يكون عرض الاستايل 100% اي متمدد.
3- كما ذكرت سابقا ً اختر عدد صور الهيدر اذا كان ثلاثي اختر صورتنا واذا كان رباعي اختر ثلاث صور
4- نفس الخطوة السابقة.

في مثالنا قد قمت باختيار استايل رباعي

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

تم تصغير حجم الصورة تلقائياً لسهولة التصفّح , اضغط هنا لمشاهدتها بالحجم الطبيعي 934x618.


هل تذكرون صور الاستايل في بداية الموضوع كنت قد رقمتها كالتالي:
1- الصورة اليمنى
2 الصورة اليسرى
3 الصورة الوسطى
4 صورة التمدد


وما عليك سوى رفع كل صورة في مكانها المناسب

طبعا ً اذا كان الاستايل لديك ثلاثي فلن يظهر لديك الخيار رقم 3 وهو الصورة الوسطى

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

تم تصغير حجم الصورة تلقائياً لسهولة التصفّح , اضغط هنا لمشاهدتها بالحجم الطبيعي 935x462.


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

تم تصغير حجم الصورة تلقائياً لسهولة التصفّح , اضغط هنا لمشاهدتها بالحجم الطبيعي 932x621.


وكما تلاحظون خياراتها مثل خيارات الهيدر لذلك اتبعو نفس الطريقة التي اتبعتوها مع الهيدر وحافظو على الترتيب:
1- الصورة اليمنى
2 الصورة اليسرى
3 الصورة الوسطى
4 صورة التمدد


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

عندها سوف تنتقل الى الصفحة التالية:



في هذه الصفحة يتم عرض اكواد css واكواد html لصور الهيدر والفوتير فاذا اردت استخدامها يدويا ً قم بنسخها او

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



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

1- الصورة اليمنى
2 الصورة اليسرى
3 الصورة الوسطى
4 صورة التمدد

بعد ذلك قم بالضغط على زر التالي للتنتقل الى عرض الشكل النهائي للصور التجميلية كما حدث مع الهيدر والفوتير ولترى نتيجة رفع الصور

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

تم تصغير حجم الصورة تلقائياً لسهولة التصفّح , اضغط هنا لمشاهدتها بالحجم الطبيعي 931x357.


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

اما اذا قمت بالضغط تحميل الاستايل فسوف تظهر لك هذه النافذة المنزلقة:



وفيها خيارين

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

وبذلك تكون قد انتهيت من تكويد استايلك دون الحاجه الى استخدام اي برنامج سواء دريم ويفر او فرونت بيج او اكسبيرشن ويب لتكويد استايلك وكل المتبقي لديك هو تعديل خيارات css من لوحة تحكم منتداك.

في النهاية اتمنى ان يكون الشرح وافي ولكن عليكم بالتجربة لترون النتيجة باعينكم .

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

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

واخيرا ً تقبلوا احترامي وتقديري
شكرا لتعليقك