الويب العربي

الويب العربي (http://www.arabwebtalk.com/index.php)
-   دعم وتطوير الـ PHPBB (http://www.arabwebtalk.com/forumdisplay.php?f=63)
-   -   درس جديد++صفحات الستايل و عمل كل صفحة فيها++ (http://www.arabwebtalk.com/showthread.php?t=36262)

support_3arabawys 12-09-2006 01:54 PM

درس جديد++صفحات الستايل و عمل كل صفحة فيها++
 
بسم الله الرحمن الرحيم
السلام عليكم و رحمة الله و بركاته..
أخوانى الأعزاء، هذا الدرس يشرح ما عمل كل صفحة من صفحات الستايل..
أولا، سوف أشرح كيف يمكن عمل ستايل phpBB. كل صفحة فى ستايل phpBB تتكون من 3 أجزاء رئيسية. كل صفحة بها رأس (header)، محتويات (جسم الصفحة)، و زيل (footer).
لصفحات الستايل الرئيسية، فإن الرأس لها هو ملف overall_header.tpl و الزيل لها هو overall_footer.tpl، و للصفحات المنبثقة (مثل صفحة وجود رسالة خاصة جديدة) و صفحة مراجعة الموضوع (و التى تظهر عند كتابة رد) فإن صفحة الرأس هى ملف simple_header.tpl و صفحة الزيل هى simple_footer.tpl.
و فى صفحات المحتوى، يضع phpBB محتويات الصفحة الحالية. و أحيانا يضع ملفات أخرى قبل المحتوى، مثل ملف error_body.tpl حين وجود خطأ.
ثانيا، قائمة لملفات ستايل phpBB و ما عمل كل ملف (بالترتيب الأبجدى):
agreement.tpl - شروط التسجيل فى المنتدى، تظهر عند الضغط على رابط التسجيل.
bbcode.tpl - جميع أكواد HTML الخاصة بال BBCode. و هذا الملف ليس ملف tpl رئيسى حيث أنه مكتوب بطريقة مختلفة، و الأكواد فيه مختلفة عن البقية.
confirm_body.tpl - رسالة التأكيد. تظهر عند الحاجة الى التأكيد على شيئ ما، على سبيل المثال حذف الموضوع.
error_body.tpl - رسالة الخطأ. تظهر عند وجود خطأ ما. على سبيل المثال، عندما تشترك فى المنتدى و تنسى كتابة اسم المشترك، سوف تظهر هذه الرسالة لاظهار الخطأ. و عادة ما تستخدم هذه الصفحة مع صفحات أخرى (مثل صفحة التسجيل و التى هى profile_add_body.tpl).
faq_body.tpl - صفحة عرض الأسئلة الشائعة.
groupcp_info_body.tpl - لعرض المعلومات حول المجموعات. اضغط على رابط المجموعات، اختر مجموعة، و اضغط على عرض المعلومات و سوف تظهر لك معلومات المجموعة عن طريق هذا الملف.
groucp_pending_info.tpl - يعرض قائمة بالمستخدمين الذين على قائمة الانتظار. يرى هذه الصفحة مراقبى المجموعات فقط عند استعراضهم لمجموعات تحتوى على مستخدمين فى قائمة الانتظار.
groupcp_user_body.tpl - يعرض قائمة بالمجموعات الموجودة لديك فى المنتدى. اضغط على رابط المجموعات و ستشاهد الصفحة التى يعبر عنها هذا الملف.
jumpbox.tpl - ملف الانتقال السريع. يعرض قائمة منسدلة صغيرة تسمح لك بالتنقل بسرعة بين المنتديات. اذهب الى صفحة أى ساحة و ستشاهد مثالا عليه فى أسفل الصفحة حيث يمكنك اختيار المنتدى الذى تريد الذهاب اليه. و عادة يعرض هذا الملف قائمة منسدلة للاختيار و بجانبها زر للانطلاق "اذهب" أو "قدم".
login_body.tpl - صفحة تسجيل الدخول. اضغط على رابط تسجيل الدخول و ستذهب الى صفحة يعرضها هذا الملف.
memberlist_body.tpl - قائمة المشتركين لديك فى المنتدى. لرؤية مثال عليها اضغط على رابط قائمة الأعضاء.
message_body.tpl - رسالة عامة. تظهر فى كل مكان. فعلى سبيل المثال عند كتابة موضوع جديد ستظر لك رسالة مكتوب بها "تم ارسال الرسالة بنجاح، اضغط هنا لاستعراض الرسالة..." و عند التعديل على ملفك الشخصى تظهر لك "تم تعديل بيانات الشخصية".
modcp_body.tpl - صفحة لوحة تحكم مراقب المنتدى. اذهب الى المنتدى الذى تراقب أنت عليه، و انزل الى الأسفل حيث توجد الصلاحيات، و اضغط على "رئاسة هذا المنتدى" و ستذهب الى تلك الصفحة.
modcp_move.tpl - صفحة نقل المواضيع. اذهب الى صفحة عرض الموضوع، و فى الأسفل اضغط على صورة نقل الموضوع و ستعرض لك صفحة النقل.
modcp_split.tpl - صفحة تقسيم المواضيع. اذهب الى صفحة عرض المواضيع، و فى آخر الصفحة تحت اضغط على صورة تقسيم المواضيع، و ستعرض لك صفحة تقسيم المواضيع.
modcp_viewip.tpl - لعرض رقم ال IP الخاص بالعضو. اذهب الى صفحة عرض المواضيع و فى كل مشاركة ستجد أيقونة IP اضغط عليها، و سيعرض لك صفحة بها رقم IP العضو.
overall_footer.tpl - زيل الصفحات الرئيسية للمنتدى. و تستخدم مع صفحة overall_header.tpl لصفحات المنتدى الأساسية.
overall_header.tpl - ترويسة الصفحات الرئيسية للمنتدى. و تستخدم مع صفحة overall_footer.tpl لصفحات المنتدى الأساسية.
posting_body.tpl - صفحة المشاركة. و تستخدم عند نشر موضوع جديد أو كتابة رد أو إرسال رسالة خاصة.
posting_poll_body.tpl - الجزء الخاص باضافة تصويت الى الموضوع. و هو جزء ضمن ملف posting_body.tpl و يظهر فقط عندما تكون لديك صلاحية وضع تصويت.
posting_preview.tpl - لاستعراض المشاركة بعد كتابتها. عند كتابة موضوع جديد أو رد على موضوع، اضغط على "استعرض" و ستظهر صفحة لاستعراض مشاركاتك قبل اعتمادها.
posting_smilies.tpl - الصفحة المنبثقة و التى تعرض الوجوه التعبيرية. و تظهر هذه الصفحة عند الضغط على "المزيد..." عند كتابة موضوع مثلا.
posting_topic_review.tpl - صفحة مراجعة المشاركات. و تظهر عند كتابة رد على الموضوع. و تُظهر الردود السابقة على الموضوع.
privmsgs_body.tpl - صفحة عرض الرسائل الخاصة. و تُظهر الرسائل الخاصة الموجودة لديك. لرؤية ما تقوم بعرضه، اضغط على رابط الرسائل الخاصة.
privmsgs_popup.tpl - نافذة التنبيه بوجود رسائل خاصة جديدة. لرؤية هذه النافذة، يجب عليك تفعيل خاصية الاخبار بوجود رسائل خاصة عن طريق ملفك الشخصى، و ان تستلم رسائل جديدة.
privmsgs_preview.tpl - صفحة استعراض الرسالة الخاصة بعد كتابتها. عند كتابة رسالة خاصة جديدة، اضغط على زر "استعرض" و ستظهر لك صفحة لاستعارض رسالتك قبل ارسالها.
privmsgs_read_body.tpl - صفحة استعراض الرسالة الخاصة. و تقوم بعرض محتويات الرسالة. اضغط على أى رسالة خاصة، و ستشاهد الصفحة التى يقوم هذا الملف بعرضها.
profile_add_body.tpl - صفحة الملف الشخصى و التسجيل. و تظهر هذه الصفحة عند التعديل على ملفك الشخصى، أو عند الاشتراك فى المنتدى.
profile_avatar_gallery.tpl - معرض الصور الشخصية. تظهر هذه الصفحة عند استعراضك للصور الشخصية عند التعديل على ملفك الشخصى.
profile_send_email.tpl - صفحة ارسال بريد الى أحد المستخدمين. و تظهر عند الضغط على أيقونة البريد، و عند كون المراسلة عبر المنتدى متاحة.
profile_send_pass.tpl - صفحة استرجاع كلمة المرور. و تظهر عند نسيانك كلمة مرورك و الضغط على "نسيت كلمة المرور" للحصول على كلمة مرور جديدة لك.
profile_view_body.tpl - صفحة استعراض الملف. هذه الصفحة تُظهر الملف الشخصى لمستخدم ما. اضغط على صورة "الملف" (أو أحيانا على اسم المستخدم، كما من الصفحة الرئيسية، و بعض الصفحات الأخرى) و ستظهر لك هذه الصفحة، بها معلومات العضو.
search_body.tpl - صفحة محرك البحث. و هى صفحة البحث الرئيسية، اضغط على رابط البحث لرؤيتها.
search_results_posts.tpl - نتائج البحث. و تظهر عند البحث مع اختيار اظهار النتائج كمشاركات.
search_results_topics.tpl - نتائج البحث. و تظهر عند البحث مع اختيار اظهار النتائج كمواضيع.
search_username.tpl - نافذة البحث عن اسم المستخدم. و تظهر هذه النافذة المنبثقة عند البحث عن اسم مستخدم معين، و تستطيع ايجاد مثال لها، عند كتابة رسالة خاصة جديدة، اضغط على "ابحث عن اسم مشترك".
simple_footer.tpl - زيل النوافذ المنبثقة، و مراجعة المواضيع. تستخدم مع simple_header.tpl.
simple_header.tpl - ترويسة النوافذ المنبثقة، و مراجعة المواضيع. تستخدم مع simple_footer.tpl.
subSilver.cfg - اعدادت الستايل الرئيسية. و هو عبارة عن ملف مكتوب بلغة PHP و يتم تشغيله كل مرة يتم استخدام هذا الستايل فيها. و عادة ما يحتوى على صور مسبقة التعريف.
subSilver.css - ملف تنسيق الستايل. و به جميع أكواد ال Style Sheet و الخاصة بالستايل، و هى المسؤولة عن ظهور الستايل ككل، حيث هى المسؤولة عن الخلفيات، و الألوان، و الخطوط الخ.. بالنسبة لستايل ال subSilver، هذا الملف لا يستخدم، و يستبدل بالتنسيق الموجود فى ملف overall_header.tpl.
theme_info.cfg - ملف اعدادات الستايل. و هو عبارة عن ملف بصيغة PHP و يحتوى على معلومات الستايل، و يستخدم فقط عند تثبيت الستايل.
viewforum_body.tpl - صفحة عرض الساحات. اضغط على اسم الساحة لتجد ما يعرضه هذا الملف.
viewonline_body.tpl - المستخدمين المتواجدين حاليا. اضغط على رابط "من على الخط" فى الصفحة الرئيسية لتظهر لك صفحة بها قائمة المستخدمين المتواجدين الآن فى المنتدى.
viewtopic_body.tpl - صفحة عرض المواضيع. اضغط على اسم أى موضوع لتجد ما يعرضه هذا الملف.
viewtopic_poll_ballot.tpl - مربع التصويت. و تستخدم لعرض التصويت داخل الموضوع، و يظهر به اختيارات التصويت، و تستطيع من خلالها اختيار الخيار الذى تريده من بين المتاح.
viewtopic_poll_result.tpl - مربع التصويت. و تستخدم لعرض التصويت داخل الموضوع، و يظهر به نتائج التصويت الذى قمت بالتصويت به، و عرض النسبة المئوية لكل اجابة.
ملحوظات:
1- ملفات ال .cfg و ال .css، لقد استخدمت subSilver كمثال، لأنه الستايل الرئيسى، و ما ينطبق عليه، ينطبق كذلك على باقى الستايلات الأخرى.
2- ملف ال .css، يستخدم دائما فى جميع الستايلات، الا فى ستايلات قليلة، مثل ال subSilver، حيث يستخدم تنسيق الستايل فى ملف overall_header.tpl، و يوضع ملف ال .css اسما فقط، حتى يكتمل الستايل.
3- ملفات النوافذ المنبثقة، مثل privmsgs_popup.tpl و search_username.tpl، و ملفات مراجعة المواضيع مثل posting_topic_review.tpl تستخدم ملف simple_header.tpl كملف الترويسة لها و ملف simple_footer.tpl كملف الزيل لها، عكس الملفات الأساسية و التى تستخدم overall_header.tpl كملف ترويسة و overall_footer.tpl كزيل.



samysoft 23-10-2006 06:39 AM

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


جميع الأوقات بتوقيت مكة المكرمة. الساعة الآن » 09:23 PM.

Powered by vBulletin
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Copyright © ArabWebTalk.Com 2004-2012