دوره في سكربت الـ Topics Viewer

ما هو TopicsViewer ?

برنامج TopicsViewer هو برنامج ويب مصمم بلغه البرمجه PHP و يعمل على قواعد البيانات من نوع MYSQL .

ما هى استخداماته ؟

برنامج TopicsViewer هو برنامج بسيط يمكن اصحاب المواقع من عرض مواضيع منتدياتهم بالصور فى الصفحه الرئيسيه للموقع ليسهل على المتصفحين معرفه جديد الموقع بالصور حيث ان الصوره احيانا تعبر اكثر من مجرد كلمات و لانه احيانا لا يستطيع كاتب الموضوع ان يوفى حق الموضوع فى عنوانه فقط و يلجأ لإضافه صوره معبره عن محتوى الموضوع ليجلب عدد اكبر من الزوار لهذا الموضوع .
يعرف هذا البرنامج بين المواقع العربيه بإسم (المجله) يستخدمها اصحاب مواقع الميدايا و خلافه فى عرض جديد مواضيعهم و الحصريات التى لديهم بالصور .
و لكن الجديد فى توبيكس انه ليس مجرد مجله لعرض المواضيع و لكنها تتمتع بالعديد من المزايا الممتعه للزوار و لمدير الموقع , يمكنك اكتشافها مع استخدام البرنامج .

لماذا استخدم TopicsViewer ؟

برنامج TopicsViewer هو اول برنامج عربى مفتوح المصدر فى هذا المجال تشرف على تطويره شركه نايل هوستر , حيث انه تمت كتابته خصيصا ليخدم هذا الغرض بالتحديد .
كما ان البرنامج يتمتع بديناميكيه عاليه جدا حيث يتمكن مستخدم البرنامج من تخصيص البرنامج كما يشاء من حيث تصميم الاستايلات و برمجه البلوكات الخاصه و اضافه موديولات و خلافه بشكل بسيط جدا دون عناء.
بالإضافه إلى ان البرنامج محمي من كافه الثغرات المشهوره و يتمتع بنسبه عاليه من الحمايه لذا لن يكون سبب فى إزعاجك ابدا .
كما ان البرامج مفتوحه المصدر لا يقتصر تطويره على الشركه المصممه فقط و لكن التطوير متاح لاى مطور و مبرمج و مصمم ليشارك فى تطوير البرنامج و تصميم ستايلات , بلوكات , موديولات و خلافه , لذا فانت دائما ستحصل على اضافات و تحديثات لموقعك من جوانب عديده و ليس فقط من الشركه المنتجه (نايل هوستر) .

ما هى مميزات البرنامج ؟

البرنامج يتمتع بالعديد و العديد من المميزات التى نتاكد انها ستنال اعجاب اصحاب المواقع بالتأكيد و التى هى غير محدوده حيث يتم اضافه مميزات جديده فى كل اصدار يتم طرحه , كما يتمتع البرنامج بتنسيق جيد و تحكم شامل فى كافه اركان الموقع و حمايه شامله و خيارات متعدده تساعدك فى تخصيص مجلتك كما تشاء .
لوحه التحكم هى غرفه القياده للبرنامج حيث تتمكن من احداث تغيرات كبيره بضغطه زر . فعلا ستشعر بالتحكم الكامل من خلالها دون اى عناء او الحاجه لاى تعديل يدوي .

 

عـن الـدوره :
قـدمت لكـم هذه الدوره لأعجابي بهذا البرنامج والذي يغـنيكـ عن أي
سكـربت اخر من نفس النوع أو نوع أخر وأن شـاء الله يعجبكـم
 

 




 

تقـدم لكـم شبكـه دراجـون . كـوم هـذه الـدوره الشـامله في سكربت برنـامج الـ Topic Viewer
وهو من برمجه وتصميم وأنشاء شـركه نـايل هوستر وهـذا موقعهـا

 


 

أولا البـرامج التي سوف نحتـجهـا هي
Notepad -Plus- Plus لتحرير النصوص بـأحتراف
تحمـيل السكـربت من هـذا اللنكـ من موقع الشـركـه

 

نبـدأ بـأسم الله
أولا : نـفـكـ الضغـط عن المـلف الخاص بالاسكـربت ونـدخل هذا الفـولدر ( Includes )

ثـم نفتح هـذا المـلف بالنوتباد + او العـادي

ستـجـد كـده

بـالتـأكيـد هذا ملف الكـونفـج والكـل يعرف فائدته وسأقولهـا
وقائدته هي الاتصال بـقاعـده البيـانات والاعدادات المهمـه الأخري
الان سنـذهب لحـجز أستضافه مجـانيه للتـجربه عليهـا من هـذا المـوقع
Www.Byethost.com
وهـو المـوقع المصنف الاول في الاستضافه المجـانيه " تقريبـأ "
ثـم نضغـط علي فري هـوستنج

ثـم

ثـم نمـلأ الطـلب

بعـد ملأكـ للبيـانات ستصل لكـ رساله علي الايميل

أفتحهـا وأضغط علي اللنكـ الطويل ( لنكـ التفعـيل )

ستظهر لكـ نافذه اكتب الكـود ستصل لكـ رساله أخري

أفتحهـأ ستـجد بيانات الاستضافه

وطبعـا دي مهمه جـدأ
أنتهـي الدرس ألأول

أدخـل للوحه تحكم الاستضافه من اللنكـ الموجود في الرساله
مثـل
http://cpanel.byethost17.com
وتـدخل الـ
Cpanel Username & Cpanel Password
المـوجودين في الرسـاله

وتختـار الـ MYSql Databases
 

ونبـدأ ننشـأ قاعده البيـانات
نكتب الاسم اللي تريده ونضغـط Create Database

 

والان نعـود لملف الكـونفج اللي شفنـاه في الاول
وتظبـطه كـده

 

وطبعـا كـل حاجه باين مكـانها فيـن

بعـديها نظبطه ونعمل Save ونروح لملف المجـله من بـره ونضغطه كـده



 

 

بعـدها نعـود لرئيسيه لوحه تحكم الاستضافه ونضغط علي هذه الكـلمه



ونـدخل للفـأيل مانجـر
وتضغك علي HTdocs هتلاقي كـده
وتضغـط أبلود لترفع السكـربت



بعـديها نحدد الملف المضغوط ونضغـط أوكـ ثم أبلود

 

أن شاء الله هيظهرلكـ كـده ويعني انه تم الرفع نضغط عالسهـم ونرجع

 

أنتهي الدرس الثـاني






 

نكـتب الان في المتصفح رابط موقعكـ المـوجود في الرساله ثـم أسم الفـولدر ( اللي انا عامله Topic )
ثـم Install مثـل كـده
ونضغط أبدأ التثبيت

 

وكـده انه تم انشاء الجـداول بنجـاح أي تم التنصيب والاتصال بالقاعده

 

ثـم نمـلأ البيانات

 

ثـم

 

ولما يجيلكـ كـده أنت خلصت التنصيـب
نروح نحذف ملف

Install

 

أرجع للفـايل مانجر وأدخل ملف المجله زي كـده

 

ثـم

 

وكـده تم بحمد الله الحذفـ
أرجع بقـا اكتب أسم موقعكـ تاني وأسم فولدر الاسكـربت منغيرInstall
وهتـلاقي كـده أن شاء الله

أنتهي الدرس الثـالث


 

 الان نذهـب للوحه الاداره الخـاصه بالمجـله
نكتب لنكـ الموقع بتاعكـ اللي في الرساله وعملناهـ كذه مره وبعديهـا أسم الفـولدر زي معملنا في الاول ثـم
admincp زي هييجي كـده ونكتب البيانات

 

 
هتظهـر ليكـ لوحـه التحكـم

 


 وهنبـدأ أن شاء الله بشرح كـل القـوائم
ولنـبدأ بـأول قـائمه وهي أعـدادات المـوقع أول خيـار وهو بيـأنات المـوقع مش هنشرحه
لأننـا أعددناه أثناء التنصيب
ولنـدخل تعـديل الاعدادات وهـي كـألأتي



و

 

و

 

 

المواضيع المفضـله

و صفحه التحويل

 


 والقـائمتين دول أكيـد لا يحتاجو شرح يعني


 

 
الان نذهب لقـائمه اعدادات الاقسام أولا ثـم أعدادات المواضيع
لأن شرح أعدادات المواضيع مترتب بعض الشيء علي الاقسـام

أولا أضافه قسـم جديد

وطبعـا نفضل نعيد الخطوات لحـد منعمل كل الاقسام التي تتوافق
مع أقسام منتـداكـ

والتحكـم في الاقسـام



وكمـا تري يمكنكـ حذف أو تعـديل القسـم أنتهي الدرس الثـالث تابع لوحه التحكم في الدرس القـادم










أعـدادات المواضيع
ولنـبدأ باضافه موضوع جـديد


وزي ما مبين في الصوره ضبـط الاعدادات كـلها
وبـالنسبه للختطأ علي رفع الصوره فأنا أرجح أضافه رابط الصوره للتخفيف عن موقعكـ
وأنت حـر

 

تعـديل أحد المواضيع
زي مأنت شايف لازم تضح رقم ID الخـاص بالموضوع



ولمعرفته أفتح الصفحه الرئسيه ضع مؤئر الماوس علي صوره الموضوع في المجله هتلاقي
رقم الايدي في اخر لنكـ الموضوع زي كـده

 

حذف أحد المواضيع
وهو هيطلب منكـ رقم الايدي مثل التعديل

 
ولمعرفته أفتح الصفحه الرئسيه ضع مؤئر الماوس علي صوره الموضوع في المجله هتلاقي
رقم الايدي في اخر لنكـ الموضوع زي كـده

 


 

والان سنشرح قـائمه أعدادت القـوائم
ونبـدأ باضافه قائمه جديد

 

ونمـلأ الحقول كمـا موضح في الشـرح عـادي
ولكـن تلميح بالنسبه لقـائمه المحتوي فيمكنكـ أن تكتب ما تريد وتنسقه بهـذا المنسق
المـوجود أو تصنع كـود أتش تي ام أل من الفرونت بيج وتدوس علي أيكونه HTML من المحرر
وتلصـق الكـود
مثـال علي القـائمه بعـد أنشائهـا
ولتعـديل او حذف قـائمه أضغـط علي التحكم في القـوائم



والان نشرح قـائمه أعدادات المـلاحظات
ولنبـدأ بـ أضافه ملاحظه جديده

 
 
ومثـل القـوائم يمكنكـ أضافه محتوي الملاحظـه
ودهـ مثـال علييهـأ


ومثل القوائم يمكنك التحكم
أضغط التحكم في الملاحظـأت

 



والأن نشرح القـائمه الجديده والمتميزه في التوبكـ فيوير وهي ألأدوات
وهي فحص وأصلاح الترميـز
ويمكنكـ الضغط عليهـا والضغط علي ابـدأ عمليه الفحص وسيتعامل البرنامج مع جميع المشـاكل


أنتهي الدرس الخـامس



 

( يجـب ان تكـون متوسط فوتوشوب )
( أو يمكنكـ التعديل البسيط ببرنامج الرسام تأديه للغرض فقط )

تصميم ستايل بسيط بالتعديل علي الصور في الاستايل الافتراضي
أولا ندخل علي فولـدر Themes المـوجود داخل ملفات المجله الرئيسيه ثم تختار بين الاستايلين
Nhstyle : وهو الذي بالقوائم الجانبيه
Nhstyle-4cols : وهو ذو الاربع مواضيع في الصف
وندخل في المـلف Images والذي فيه الصور اللي هعدل فيهـأ
وهذه الملفات اللـّي هنعدل فيهـا

ولنبـدأ بالفـولدر Blocks

وكمـا موضح في الصوره كـل صوره والتغييرالخـاص بهـا الذي يتـم



الفـولـدر Footer

فـولـدر Header

 

فـولـدر Table

فـولـدر Topic

وكـل شيء موضح هنـأ وبالنسبه للـ 5 صور الموصله بشكـل
المقـال في المجـله



 

وأخيرأ يوجـد ملف أسمه Style.css
وهـذا المسـؤول عن التصميم ويمكن لمحترفين التعـامل مع Css
التعـديل علي الاستـايل تمـاما



 

 التعـديل علي القـوالب
ربمـا تحب ان تعـدل علي قوالب البرنامج لتنـاسب موقعـكـ فسنوضح
كـل قـالب وفـائدتـه



أولا عشـان تعـدل علي القـوالب أدخل علي مـلف الاستايل المتـواجد
داخل المـجلد Themes ستجـد كـده



وطبعـا قالب هيـدر هـو أعلي الصفحه
وقـالب فـوتر هو أسفل الصفحه



Header.html



وزي مأ أنت شايف أن ألقـالب ده يمكنكـ تغيير منه روابط
النـاف بـار مثل أضافه رابط المنتـدي وكـده
وده هو النـاف بار لو حد ميعرفوش





Footer.html

 
وطبعـا هذا االقـالب مهم لتضيف كـود عدد الزيارات مثـلا
أو سـاعه فلاشيه ... ألخ
ولكـن لا تنزع الـحقوق

الان نذهـب للقـوالب التـي بالفـولـدر Templates
وسنـشرح المهم منهـا فقـط

Footer_head.html



وهـو المسـؤول عن هـذا الشريـط
المـوجود بالأسفـل





Statics.html


وهـذا القـالب المسـؤول عن الاحصائيات الموجود بالاسفـل


Topics.html



وهـو المسـؤول عن شكـل المقـال
اللي هـو دهـ :






تم بحمـد الله الـدرس السـابع
وسنتعلم في الدرس الثامن تسميه الاستايل بأسمنـا







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

Header.html


نغير كلـمه nhstyle بـ أسم الاستايل
وطبعا أنت حر في تسميته بس لازم يكـون أسم الفـولـدر مطابق للي هتكتبه هنـا




 

Footer.html
نفس النظام طبعـا
 
نـدخل الان لقـوالب المجـلد Template

Block_right.html





Block_right_no_title.html

 


statics.html



topic_closetable.html

 


Topic_opentable.html

 









أضافاتـ متميزه للـأستايل

أولا : أزاله تاريـخ المـوضوع من المقـاله اللي هـو ده تاريخ الموضوع اللي في الصورهـ دي



أدخل للـقالب Topics.html في المـلف templates
أفتحـه بالنـوت باد وأذهب للنـص دهـ
وأمسحـه

كود PHP:
رمز PHP:
 <!--- Details Block 3 --->
<tr>

<td class="topic_content\" style=\"padding:2px;\">

<p align=\"center\"> <b>للتحميل:</b> <a target=\"_blank\" href=\"view.php?id=$topics[t_id]\"><b>[ من هنا ]</b></a></span></td>
</tr>
<!--- / Details Block 3 / --->
 

 

 


شـرح وضع كـلمه التحميل من هنـأ
زي كـده



أولا أدخل علي قـالب Topics.html في المـلف templates
وأفتحه بـالنوت بـاد

وأذهب للنص دهـ
 

كود PHP:
 

رمز PHP:
 

<!--- Details Block 3 --->

كود PHP:

                <tr>
       
                <td class="topic_content\" style=\"padding:2px;\">
       
                 <p align=\"center\"> <b>للتحميل:</b>  <a target=\"_blank\" href=\"view.php?id=$topics[t_id]\"><b>[  من هنا ]</b></a></span></td>   
            </tr>
            <!--- / Details Block 3 / ---> 
 

 

وعـدله بـ
 

كود PHP: رمز PHP:
 

كود PHP:

<!--- Details Block 3 --->
                <tr>
       
                <td class="topic_content\" style=\"padding:2px;\">
       
                 <p align=\"center\"> <b>للتحميل:</b>  <a target=\"_blank\" href=\"view.php?id=$topics[t_id]\"><b>[  من هنا ]</b></a></span></td>   
            </tr>
            <!--- / Details Block 3 / ---> 
 

 

زيادهـ مكان عنـوان المـوضوع
لبحتمل 3 أسطر

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

وسيكـون كـده



الطـريقه
أذهـب الي ملف Style.css الموجود داخل مجلد الاستايل
وأفتحه بالنوتـ باد

أذهب لهـذا النـص
 

كود PHP:
 .topic_head {
 

 

وأضف تحته
 

كود PHP:
 height:40px;
 

 

طريقـه أضافـه بـلوكـ أخر المـواضيع
وهـو قائمـه كـده تحت فوق الاحصائيات فيهـأ اخر المواضيع
وأكثـر المـواضيع مشـاهـده وده شكـله :


أولا حمـل البـلوكـ من هنـا
ونقوم برفعه الي الفـولدر Addons المـوجود داخل Block
والان نـذهب لأنشاء قـائمه جديدهـ وأكيـد عارفين الطريقـه ولكـن هنعمله كـده



ودوس أنشاء القـائمه
وربنـا يستر :P








شـرح التحـويل من أي مجـله أخري ألي التـوبكـ فيوير
أولا : تحميل محـول التـوبكـ فيوير الاصـدار الثـاني من هنـا

أول شيء قـم بتثبيت وتنصيب برنامج التوبكـ فيوير شرحناهـا قبل كـده
ثـانيا قم برفع برنامج converter.php داخل مجـلد التوبكـ فيوير طبعا بعد تثبيتهـأ
ثـالثـا قم بتعـديل معلومات قواعد البيـانات في ملف converter.php وضع بيانات قاعده التـوبكـ فيوير والـمجله القـديمه
ودهـ الشـرح



ودي مثـلا المجـله اللي هنحول منهـأ


 

بعـد معـدلنا في المـحول نغلقه ونعمـل Save
وزي مقـلنا نرفعه لمجلد التوبكـ الرئيسي وتـدخل اللنكـ ده
www.yourname.byethost.com/upload/converter.php
حيـثYourname : أسم الموقع
Uplaod : مجلد التوبكـ
converter.php : المحول



تـأأبع


ثم


ثم



ثم



ودي النتـيجه أن شاء الله



 

تـرقيـه البرنامج
وهـذا الـدرس هو المسـؤول عن تعليـمكـ كيـف ترقي البرنامج من اي أصدار الي أخر أصـدار

أولا : حمل أخر اصدار موجود من التوبكـ فيوير
ثانيـا : عـدل ملف الكـونفج وحط فيه بيانات القاعده بتاعت التوبكـ فيوير اللي هرتقيه
ثـالثـا : أرفع ملفات المجـله في فولـدر لوحـدها وليكن أسمه test
رابعـأ : أذهب الي لنكـ الترقيـه http://domain.com/tp/install/upgrade.php مع تغيير دومين . كوم
بأسم موقعكـ وTp بـ اسم الفولدر وليكـن test
تـابع الترفيه ::

-



وبكـده المجـله أترقت أنقلها من الفولدر اللي بأسم test الي الرئيسيه
وان شاء الله مفيش مشاكلـ