ما هو TopicsViewer ?
برنامج TopicsViewer هو برنامج ويب مصمم بلغه البرمجه PHP و يعمل على قواعد البيانات من نوع MYSQL .
ما هى استخداماته ؟
برنامج TopicsViewer هو برنامج بسيط يمكن اصحاب المواقع من عرض مواضيع منتدياتهم بالصور فى الصفحه الرئيسيه للموقع ليسهل على المتصفحين معرفه جديد الموقع بالصور حيث ان الصوره احيانا تعبر اكثر من مجرد كلمات و لانه احيانا لا يستطيع كاتب الموضوع ان يوفى حق الموضوع فى عنوانه فقط و يلجأ لإضافه صوره معبره عن محتوى الموضوع ليجلب عدد اكبر من الزوار لهذا الموضوع .
يعرف هذا البرنامج بين المواقع العربيه بإسم (المجله) يستخدمها اصحاب مواقع الميدايا و خلافه فى عرض جديد مواضيعهم و الحصريات التى لديهم بالصور .
و لكن الجديد فى توبيكس انه ليس مجرد مجله لعرض المواضيع و لكنها تتمتع بالعديد من المزايا الممتعه للزوار و لمدير الموقع , يمكنك اكتشافها مع استخدام البرنامج .
لماذا استخدم TopicsViewer ؟
يعرف هذا البرنامج بين المواقع العربيه بإسم (المجله) يستخدمها اصحاب مواقع الميدايا و خلافه فى عرض جديد مواضيعهم و الحصريات التى لديهم بالصور .
و لكن الجديد فى توبيكس انه ليس مجرد مجله لعرض المواضيع و لكنها تتمتع بالعديد من المزايا الممتعه للزوار و لمدير الموقع , يمكنك اكتشافها مع استخدام البرنامج .
لماذا استخدم TopicsViewer ؟
برنامج TopicsViewer هو اول برنامج عربى مفتوح المصدر فى هذا المجال تشرف على تطويره شركه نايل هوستر , حيث انه تمت كتابته خصيصا ليخدم هذا الغرض بالتحديد .
كما ان البرنامج يتمتع بديناميكيه عاليه جدا حيث يتمكن مستخدم البرنامج من تخصيص البرنامج كما يشاء من حيث تصميم الاستايلات و برمجه البلوكات الخاصه و اضافه موديولات و خلافه بشكل بسيط جدا دون عناء.
بالإضافه إلى ان البرنامج محمي من كافه الثغرات المشهوره و يتمتع بنسبه عاليه من الحمايه لذا لن يكون سبب فى إزعاجك ابدا .
كما ان البرامج مفتوحه المصدر لا يقتصر تطويره على الشركه المصممه فقط و لكن التطوير متاح لاى مطور و مبرمج و مصمم ليشارك فى تطوير البرنامج و تصميم ستايلات , بلوكات , موديولات و خلافه , لذا فانت دائما ستحصل على اضافات و تحديثات لموقعك من جوانب عديده و ليس فقط من الشركه المنتجه (نايل هوستر) .
كما ان البرنامج يتمتع بديناميكيه عاليه جدا حيث يتمكن مستخدم البرنامج من تخصيص البرنامج كما يشاء من حيث تصميم الاستايلات و برمجه البلوكات الخاصه و اضافه موديولات و خلافه بشكل بسيط جدا دون عناء.
بالإضافه إلى ان البرنامج محمي من كافه الثغرات المشهوره و يتمتع بنسبه عاليه من الحمايه لذا لن يكون سبب فى إزعاجك ابدا .
كما ان البرامج مفتوحه المصدر لا يقتصر تطويره على الشركه المصممه فقط و لكن التطوير متاح لاى مطور و مبرمج و مصمم ليشارك فى تطوير البرنامج و تصميم ستايلات , بلوكات , موديولات و خلافه , لذا فانت دائما ستحصل على اضافات و تحديثات لموقعك من جوانب عديده و ليس فقط من الشركه المنتجه (نايل هوستر) .
ما هى مميزات البرنامج ؟
البرنامج يتمتع بالعديد و العديد من المميزات التى نتاكد انها ستنال اعجاب اصحاب المواقع بالتأكيد و التى هى غير محدوده حيث يتم اضافه مميزات جديده فى كل اصدار يتم طرحه , كما يتمتع البرنامج بتنسيق جيد و تحكم شامل فى كافه اركان الموقع و حمايه شامله و خيارات متعدده تساعدك فى تخصيص مجلتك كما تشاء .
لوحه التحكم هى غرفه القياده للبرنامج حيث تتمكن من احداث تغيرات كبيره بضغطه زر . فعلا ستشعر بالتحكم الكامل من خلالها دون اى عناء او الحاجه لاى تعديل يدوي .
لوحه التحكم هى غرفه القياده للبرنامج حيث تتمكن من احداث تغيرات كبيره بضغطه زر . فعلا ستشعر بالتحكم الكامل من خلالها دون اى عناء او الحاجه لاى تعديل يدوي .
عـن الـدوره :
قـدمت لكـم هذه الدوره لأعجابي بهذا البرنامج والذي يغـنيكـ عن أي
سكـربت اخر من نفس النوع أو نوع أخر وأن شـاء الله يعجبكـم
تقـدم لكـم شبكـه دراجـون . كـوم هـذه الـدوره الشـامله في سكربت برنـامج الـ Topic Viewer
وهو من برمجه وتصميم وأنشاء شـركه نـايل هوستر وهـذا موقعهـا
وهو من برمجه وتصميم وأنشاء شـركه نـايل هوستر وهـذا موقعهـا
أولا البـرامج التي سوف نحتـجهـا هي
Notepad -Plus- Plus لتحرير النصوص بـأحتراف
تحمـيل السكـربت من هـذا اللنكـ من موقع الشـركـه
Notepad -Plus- Plus لتحرير النصوص بـأحتراف
تحمـيل السكـربت من هـذا اللنكـ من موقع الشـركـه
نبـدأ بـأسم الله
أولا : نـفـكـ الضغـط عن المـلف الخاص بالاسكـربت ونـدخل هذا الفـولدر ( Includes )
ثـم نفتح هـذا المـلف بالنوتباد + او العـادي
ستـجـد كـده
بـالتـأكيـد هذا ملف الكـونفـج والكـل يعرف فائدته وسأقولهـا
وقائدته هي الاتصال بـقاعـده البيـانات والاعدادات المهمـه الأخري
الان سنـذهب لحـجز أستضافه مجـانيه للتـجربه عليهـا من هـذا المـوقع
Www.Byethost.com
وهـو المـوقع المصنف الاول في الاستضافه المجـانيه " تقريبـأ "
ثـم نضغـط علي فري هـوستنج
وقائدته هي الاتصال بـقاعـده البيـانات والاعدادات المهمـه الأخري
الان سنـذهب لحـجز أستضافه مجـانيه للتـجربه عليهـا من هـذا المـوقع
Www.Byethost.com
وهـو المـوقع المصنف الاول في الاستضافه المجـانيه " تقريبـأ "
ثـم نضغـط علي فري هـوستنج
ثـم
ثـم نمـلأ الطـلب
بعـد ملأكـ للبيـانات ستصل لكـ رساله علي الايميل
أفتحهـا وأضغط علي اللنكـ الطويل ( لنكـ التفعـيل )
ستظهر لكـ نافذه اكتب الكـود ستصل لكـ رساله أخري
أفتحهـأ ستـجد بيانات الاستضافه
وطبعـا دي مهمه جـدأ
أنتهـي الدرس ألأول
أنتهـي الدرس ألأول
أدخـل للوحه تحكم الاستضافه من اللنكـ الموجود في الرساله
مثـل
http://cpanel.byethost17.com
وتـدخل الـ
Cpanel Username & Cpanel Password
المـوجودين في الرسـاله
وتختـار الـ MYSql Databases
ونبـدأ ننشـأ قاعده البيـانات
نكتب الاسم اللي تريده ونضغـط Create Database
والان نعـود لملف الكـونفج اللي شفنـاه في الاول
وتظبـطه كـده
وطبعـا كـل حاجه باين مكـانها فيـن
بعـديها نظبطه ونعمل Save ونروح لملف المجـله من بـره ونضغطه كـده
بعـدها نعـود لرئيسيه لوحه تحكم الاستضافه ونضغط علي هذه الكـلمه
ونـدخل للفـأيل مانجـر
وتضغك علي HTdocs هتلاقي كـده
وتضغـط أبلود لترفع السكـربت
بعـديها نحدد الملف المضغوط ونضغـط أوكـ ثم أبلود
أن شاء الله هيظهرلكـ كـده ويعني انه تم الرفع نضغط عالسهـم ونرجع
نكـتب الان في المتصفح رابط موقعكـ المـوجود في الرساله ثـم أسم الفـولدر ( اللي انا عامله Topic )
ثـم Install مثـل كـده
ونضغط أبدأ التثبيت
ثـم Install مثـل كـده
ونضغط أبدأ التثبيت
وكـده انه تم انشاء الجـداول بنجـاح أي تم التنصيب والاتصال بالقاعده
ثـم نمـلأ البيانات
ثـم
ولما يجيلكـ كـده أنت خلصت التنصيـب
نروح نحذف ملف
Install
أرجع للفـايل مانجر وأدخل ملف المجله زي كـده
ثـم
وكـده تم بحمد الله الحذفـ
أرجع بقـا اكتب أسم موقعكـ تاني وأسم فولدر الاسكـربت منغيرInstall
وهتـلاقي كـده أن شاء الله
أنتهي الدرس الثـالث
الان نذهـب للوحه الاداره الخـاصه بالمجـله
نكتب لنكـ الموقع بتاعكـ اللي في الرساله وعملناهـ كذه مره وبعديهـا أسم الفـولدر زي معملنا في الاول ثـم
admincp زي هييجي كـده ونكتب البيانات
نكتب لنكـ الموقع بتاعكـ اللي في الرساله وعملناهـ كذه مره وبعديهـا أسم الفـولدر زي معملنا في الاول ثـم
admincp زي هييجي كـده ونكتب البيانات
هتظهـر ليكـ لوحـه التحكـم
وهنبـدأ أن شاء الله بشرح كـل القـوائم
ولنـبدأ بـأول قـائمه وهي أعـدادات المـوقع أول خيـار وهو بيـأنات المـوقع مش هنشرحه
لأننـا أعددناه أثناء التنصيب
ولنـدخل تعـديل الاعدادات وهـي كـألأتي
ولنـبدأ بـأول قـائمه وهي أعـدادات المـوقع أول خيـار وهو بيـأنات المـوقع مش هنشرحه
لأننـا أعددناه أثناء التنصيب
ولنـدخل تعـديل الاعدادات وهـي كـألأتي
و
و
المواضيع المفضـله
و صفحه التحويل
والقـائمتين دول أكيـد لا يحتاجو شرح يعني
الان نذهب لقـائمه اعدادات الاقسام أولا ثـم أعدادات المواضيع
لأن شرح أعدادات المواضيع مترتب بعض الشيء علي الاقسـام
أولا أضافه قسـم جديد
لأن شرح أعدادات المواضيع مترتب بعض الشيء علي الاقسـام
أولا أضافه قسـم جديد
وطبعـا نفضل نعيد الخطوات لحـد منعمل كل الاقسام التي تتوافق
مع أقسام منتـداكـ
والتحكـم في الاقسـام
وكمـا تري يمكنكـ حذف أو تعـديل القسـم
أعـدادات المواضيع
ولنـبدأ باضافه موضوع جـديد
ولنـبدأ باضافه موضوع جـديد
وزي ما مبين في الصوره ضبـط الاعدادات كـلها
وبـالنسبه للختطأ علي رفع الصوره فأنا أرجح أضافه رابط الصوره للتخفيف عن موقعكـ
وأنت حـر
تعـديل أحد المواضيع
زي مأنت شايف لازم تضح رقم ID الخـاص بالموضوع
ولمعرفته أفتح الصفحه الرئسيه ضع مؤئر الماوس علي صوره الموضوع في المجله هتلاقي
رقم الايدي في اخر لنكـ الموضوع زي كـده
حذف أحد المواضيع
وهو هيطلب منكـ رقم الايدي مثل التعديل
ولمعرفته أفتح الصفحه الرئسيه ضع مؤئر الماوس علي صوره الموضوع في المجله هتلاقي
رقم الايدي في اخر لنكـ الموضوع زي كـده
رقم الايدي في اخر لنكـ الموضوع زي كـده
والان سنشرح قـائمه أعدادت القـوائم
ونبـدأ باضافه قائمه جديد
ونمـلأ الحقول كمـا موضح في الشـرح عـادي
ولكـن تلميح بالنسبه لقـائمه المحتوي فيمكنكـ أن تكتب ما تريد وتنسقه بهـذا المنسق
المـوجود أو تصنع كـود أتش تي ام أل من الفرونت بيج وتدوس علي أيكونه HTML من المحرر
وتلصـق الكـود
مثـال علي القـائمه بعـد أنشائهـا
ولتعـديل او حذف قـائمه أضغـط علي التحكم في القـوائم
والان نشرح قـائمه أعدادات المـلاحظات
ولنبـدأ بـ أضافه ملاحظه جديده
والان نشرح قـائمه أعدادات المـلاحظات
ولنبـدأ بـ أضافه ملاحظه جديده
ومثـل القـوائم يمكنكـ أضافه محتوي الملاحظـه
ودهـ مثـال علييهـأ
ودهـ مثـال علييهـأ
ومثل القوائم يمكنك التحكم
أضغط التحكم في الملاحظـأت
والأن نشرح القـائمه الجديده والمتميزه في التوبكـ فيوير وهي ألأدوات
وهي فحص وأصلاح الترميـز
ويمكنكـ الضغط عليهـا والضغط علي ابـدأ عمليه الفحص وسيتعامل البرنامج مع جميع المشـاكل
ويمكنكـ الضغط عليهـا والضغط علي ابـدأ عمليه الفحص وسيتعامل البرنامج مع جميع المشـاكل
أنتهي الدرس الخـامس
( يجـب ان تكـون متوسط فوتوشوب )
( أو يمكنكـ التعديل البسيط ببرنامج الرسام تأديه للغرض فقط )
تصميم ستايل بسيط بالتعديل علي الصور في الاستايل الافتراضي
أولا ندخل علي فولـدر Themes المـوجود داخل ملفات المجله الرئيسيه ثم تختار بين الاستايلين
Nhstyle : وهو الذي بالقوائم الجانبيه
Nhstyle-4cols : وهو ذو الاربع مواضيع في الصف
وندخل في المـلف Images والذي فيه الصور اللي هعدل فيهـأ
وهذه الملفات اللـّي هنعدل فيهـا
ولنبـدأ بالفـولدر Blocks
وكمـا موضح في الصوره كـل صوره والتغييرالخـاص بهـا الذي يتـم
الفـولـدر Footer
فـولـدر Header
فـولـدر Table
فـولـدر Topic
وكـل شيء موضح هنـأ وبالنسبه للـ 5 صور الموصله بشكـل
المقـال في المجـله
وأخيرأ يوجـد ملف أسمه Style.cssالمقـال في المجـله
وهـذا المسـؤول عن التصميم ويمكن لمحترفين التعـامل مع Css
التعـديل علي الاستـايل تمـاما
التعـديل علي القـوالب
ربمـا تحب ان تعـدل علي قوالب البرنامج لتنـاسب موقعـكـ فسنوضح
كـل قـالب وفـائدتـه
أولا عشـان تعـدل علي القـوالب أدخل علي مـلف الاستايل المتـواجد
داخل المـجلد Themes ستجـد كـده
وطبعـا قالب هيـدر هـو أعلي الصفحه
وقـالب فـوتر هو أسفل الصفحه
Header.html
وزي مأ أنت شايف أن ألقـالب ده يمكنكـ تغيير منه روابط
النـاف بـار مثل أضافه رابط المنتـدي وكـده
وده هو النـاف بار لو حد ميعرفوش
ربمـا تحب ان تعـدل علي قوالب البرنامج لتنـاسب موقعـكـ فسنوضح
كـل قـالب وفـائدتـه
أولا عشـان تعـدل علي القـوالب أدخل علي مـلف الاستايل المتـواجد
داخل المـجلد Themes ستجـد كـده
وطبعـا قالب هيـدر هـو أعلي الصفحه
وقـالب فـوتر هو أسفل الصفحه
Header.html
وزي مأ أنت شايف أن ألقـالب ده يمكنكـ تغيير منه روابط
النـاف بـار مثل أضافه رابط المنتـدي وكـده
وده هو النـاف بار لو حد ميعرفوش
Footer.html
وطبعـا هذا االقـالب مهم لتضيف كـود عدد الزيارات مثـلا
أو سـاعه فلاشيه ... ألخ
ولكـن لا تنزع الـحقوق
أو سـاعه فلاشيه ... ألخ
ولكـن لا تنزع الـحقوق
الان نذهـب للقـوالب التـي بالفـولـدر Templates
وسنـشرح المهم منهـا فقـط
Footer_head.html
وهـو المسـؤول عن هـذا الشريـط
المـوجود بالأسفـل
Statics.html
وسنـشرح المهم منهـا فقـط
Footer_head.html
وهـو المسـؤول عن هـذا الشريـط
المـوجود بالأسفـل
Statics.html
وهـذا القـالب المسـؤول عن الاحصائيات الموجود بالاسفـل
Topics.html
وهـو المسـؤول عن شكـل المقـال
اللي هـو دهـ :
وهـو المسـؤول عن شكـل المقـال
اللي هـو دهـ :
تم بحمـد الله الـدرس السـابع
وسنتعلم في الدرس الثامن تسميه الاستايل بأسمنـا
وسنتعلم في الدرس الثامن تسميه الاستايل بأسمنـا
ولنـبدأ بتسميه الاستايل بـأسمنـأ
بعـ أن قمنا بالتعـديل علي الاستايل وضبته تمـاما
نريـد أن نعيـد تسميته بـأسمنا فلو عملت رينـيم للمجـلد فقـط
وحبيت ترفعه وتختاره ستجـد هناكـ مشاكل في الاستايل والسبب انكـ يجب أنت تعيد توجيه كـل القـوالب
للأسم الجـديد تابع معي التعـديلات علي كـل القوالب
Header.html
نغير كلـمه nhstyle بـ أسم الاستايل
وطبعا أنت حر في تسميته بس لازم يكـون أسم الفـولـدر مطابق للي هتكتبه هنـا
وطبعا أنت حر في تسميته بس لازم يكـون أسم الفـولـدر مطابق للي هتكتبه هنـا
Footer.html
نفس النظام طبعـا
نـدخل الان لقـوالب المجـلد Template
Block_right.html
Block_right.html
Block_right_no_title.html
statics.html
topic_closetable.html
Topic_opentable.html
أضافاتـ متميزه للـأستايل
أولا : أزاله تاريـخ المـوضوع من المقـاله اللي هـو ده تاريخ الموضوع اللي في الصورهـ دي
أدخل للـقالب Topics.html في المـلف templates
أفتحـه بالنـوت باد وأذهب للنـص دهـ
وأمسحـه
كود PHP:
رمز PHP:
رمز PHP:
شـرح وضع كـلمه التحميل من هنـأ
زي كـده
أولا أدخل علي قـالب Topics.html في المـلف templates
وأفتحه بـالنوت بـاد
وأذهب للنص دهـ
زي كـده
أولا أدخل علي قـالب Topics.html في المـلف templates
وأفتحه بـالنوت بـاد
وأذهب للنص دهـ
كود PHP:
وعـدله بـ
كود PHP: رمز PHP:
<!--- Details Block 3 --->
<tr>
<td class="topic_content" style="padding:2px;">
[p] للتحميل: ][ من هنا ] <!--- / Details Block 3 / --->
<tr>
<td class="topic_content" style="padding:2px;">
[p] للتحميل: ][ من هنا ] <!--- / 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 : المحول
تـأأبع
ثم
Uplaod : مجلد التوبكـ
converter.php : المحول
تـأأبع
ثم
ثم
ثم
ودي النتـيجه أن شاء الله
ثم
ودي النتـيجه أن شاء الله
تـرقيـه البرنامج
وهـذا الـدرس هو المسـؤول عن تعليـمكـ كيـف ترقي البرنامج من اي أصدار الي أخر أصـدار
أولا : حمل أخر اصدار موجود من التوبكـ فيوير
ثانيـا : عـدل ملف الكـونفج وحط فيه بيانات القاعده بتاعت التوبكـ فيوير اللي هرتقيه
ثـالثـا : أرفع ملفات المجـله في فولـدر لوحـدها وليكن أسمه test
رابعـأ : أذهب الي لنكـ الترقيـه http://domain.com/tp/install/upgrade.php مع تغيير دومين . كوم
بأسم موقعكـ وTp بـ اسم الفولدر وليكـن test
تـابع الترفيه ::
-
وبكـده المجـله أترقت أنقلها من الفولدر اللي بأسم test الي الرئيسيه
وان شاء الله مفيش مشاكلـ
وبكـده المجـله أترقت أنقلها من الفولدر اللي بأسم test الي الرئيسيه
وان شاء الله مفيش مشاكلـ
الموضوع الأصلي: دوره التوبكـ فيوير مجمعه في موضوع واحد | الكاتب: Mustafa Draqon | المصدر: دراجـون . كـوم