مصطفى
29-09-2009, 06:54 PM
الخطوة 1 رفع الملفات
من مجلد upload
مجلد tab -> ــ clientscript/tabs/
ملف tabforumhome.php->مجلد المنتدى الرئيسي
ثانيا
من لوحة التحكم -> Product الهاكات Plugins ->تنزيل / رفع الإضافات Plugins
قم بستيراد الملف tfh-wol-plugins.xml تراه Plugins وليس Product
شوف اخي قبل ما نعمل اي تعديل انصحك تاخذ نسخة احتياطية من كل قالب نقوم بتعديله
هي 3 قوالب مش اكثر
اول شيء اختر الاستايل لي بدك تعمل عليه الاجاكس
نبدا عالبركة
نفتح قالب forumhome ونقوم بالبحث على
</head>
نضيف فوقه
<!-- Tabbed Forum Home Header Code -->
<link rel="stylesheet" type="text/css" href="clientscript/tabs/ajaxtabs.css" />
<script type="text/javascript" src="clientscript/tabs/ajaxtabs.js"> </script>
<!-- /Tabbed Forum Home Header Code -->
ثانيا نبحث عن
<!-- main -->
اعمل سلكت من بداية الوسم الى نهايته وق بحفظه فملف نصي باسم FORUMHOMETAB.txt (نحتاج الكود هذا بعدين )
الصورة
http://www.univ-dz.net/forums/images/sher7/2.png
الان استبدل الكود المحدد بهذا الكود
<!-- main -->
<!-- Tabbed Forum Home -->
<div id="ajaxTFH" class="TFHmenu2">
<ul>
<li class="selected"><a href="tabforumhome.php?tabcat[]=IDforum" rel="ajaxTFHcontentarea">forum name </a></li>
</ul>
</div>
<br style="clear: left" />
<div class="TFHmenu2line"></div>
<div id="ajaxTFHcontentarea" style="border:0px solid gray; width:100%; height: 100%; background-color: white; padding: 0px"></div>
<script type="text/javascript">
var mytabs=new ddajaxtabs("ajaxTFH", "ajaxTFHcontentarea")
mytabs.setpersist(true)
mytabs.setselectedClassTarget("link")
mytabs.init()
</script>
<!-- /Tabbed Forum Home -->
<!-- /main -->
http://www.univ-dz.net/forums/images/sher7/3.png (http://www.univ-dz.net/forums)
خطوة 4.1 تعديل قالب forumhome_forumbit_level1_post
http://www.univ-dz.net/forums/images/sher7/7.png (http://www.univ-dz.net/forums)
اظف اعلى القالب الكود التالي
<if condition="(THIS_SCRIPT == 'tabforumhome' AND in_array($forum['forumid'], $GLOBALS[tabcats])) OR THIS_SCRIPT == 'forumdisplay'">
واظف اسفل القالب
</if>
خطوة 4.2 تعديل قالب forumhome_forumbit_level1_nopost
http://www.univ-dz.net/forums/images/sher7/6.png (http://www.univ-dz.net/forums)
اظف اعلى القالب الكود التالي
<if condition="(THIS_SCRIPT == 'tabforumhome' AND in_array($forum['forumid'], $GLOBALS[tabcats])) OR THIS_SCRIPT == 'forumdisplay'">
واظف اسفل القالب
</if>
انتهينا من التعديل http://www.traidnt.net/vb/images/smilies/tears.gif << تعبنـــآ ..
الحين نسوي قالب جديد فالاستايل لي نعدل عليه طبعا مثل الصورة
http://www.univ-dz.net/forums/images/sher7/4.png (http://www.univ-dz.net/forums)
نعطه اسم
FORUMHOMETAB
والمحتوى هو الكود لي قمنا بحفضه فالملف النصي
<<< لا تقولي فقدته http://www.traidnt.net/vb/images/smilies/nosweat.g if
http://www.univ-dz.net/forums/images/sher7/5.png
الحين خطوة اخيرة
نرجع الى قالب forumhome
ابحث عن <!-- Tabbed Forum Home -->
لو تلاحظ معي عزيزي هذا الكود
<li class="selected"><a href="tabforumhome.php?tabcat[]=IDforum" rel="ajaxTFHcontentarea">forum name </a></li>
مكان IDforum حط رقم القسم مثال
قسم تطوير المنتديات
http://xxxxx.net/vb/forumdisplay.php?f=9 (http://xxxxx.net/vb/forumdisplay.php?f=9)
اذا ID هذا القسم في المثال هو 9 بسيطة الفكرة
في مكان forum name حط اسم القسم مثلا قسم تطوير المنتديات
يصبح الكود هكذا
<li class="selected"><a href="tabforumhome.php?tabcat[]=9" rel="ajaxTFHcontentarea">قسم تطوير المنتديات </a></li>
الحين كله تمام باقي تعمل كوبي كولي للكود لكل قسم لاني فالمثال حاط قسم واحد فقط
بسيطة كوبي كولي وبعدها غير رقم القسم واسم القسم فقط
لمحـــه
طيب لو بدك تعرض اكثر من قسم في tab واحد مثلا بالاضافة الى قسم تطوير المنتديات بدي احط معه قسم قسم تطوير المواقع
فقط اضف tabcat[]=idforum& اخرى الى الرابط
مثال
اذا كان اي دي قسم تطوير المواقع هو 10 الكود بيصير
<li class="selected"><a href="tabforumhome.php?tabcat[]=9&tabcat[]=10" rel="ajaxTFHcontentarea">القسم الجديد </a></li>
فهمت الفكرة < فقط تاخذ رقم القسم وتضيف tabcat[]=idforum& فكل مرة وبكذا تقدر تحط
المنتدى كله تحت tab واحد >
طيب حبيبي وش باقي الحين
امممم لي ما تعجبهم الالوان تقدر تغيرها من ملف css طبعا
الصورة بعد لاني مغيرها تقدر تغيرها حسب ذوقك
فائدة العملية طبعا العملية جيدة جدا لتسريع المنتدى لان وضيفة الاجاكس الفعلية هي no-refresh لا
تحديث للصفحات واخيرآ لمســه جمالية للمنتدى عندك
تقدر مثلا تعرض كل الاقسام في tab وتحط امور اخرى فباقي tab ودي يبيلها تعديل على القسم وهذه يمكن استعمالها مع الشرط if لرقم المنتدى
وفالاخير اصلي واسلم على هادي الامم وحبيب القلوب محمد عليه افضل الصلاة وازكى التسليم
ajax tab forums 1.5 (http://www.traidnt.net/vb/attachment.php?attachme ntid=414692&d=1254058469)
من مجلد upload
مجلد tab -> ــ clientscript/tabs/
ملف tabforumhome.php->مجلد المنتدى الرئيسي
ثانيا
من لوحة التحكم -> Product الهاكات Plugins ->تنزيل / رفع الإضافات Plugins
قم بستيراد الملف tfh-wol-plugins.xml تراه Plugins وليس Product
شوف اخي قبل ما نعمل اي تعديل انصحك تاخذ نسخة احتياطية من كل قالب نقوم بتعديله
هي 3 قوالب مش اكثر
اول شيء اختر الاستايل لي بدك تعمل عليه الاجاكس
نبدا عالبركة
نفتح قالب forumhome ونقوم بالبحث على
</head>
نضيف فوقه
<!-- Tabbed Forum Home Header Code -->
<link rel="stylesheet" type="text/css" href="clientscript/tabs/ajaxtabs.css" />
<script type="text/javascript" src="clientscript/tabs/ajaxtabs.js"> </script>
<!-- /Tabbed Forum Home Header Code -->
ثانيا نبحث عن
<!-- main -->
اعمل سلكت من بداية الوسم الى نهايته وق بحفظه فملف نصي باسم FORUMHOMETAB.txt (نحتاج الكود هذا بعدين )
الصورة
http://www.univ-dz.net/forums/images/sher7/2.png
الان استبدل الكود المحدد بهذا الكود
<!-- main -->
<!-- Tabbed Forum Home -->
<div id="ajaxTFH" class="TFHmenu2">
<ul>
<li class="selected"><a href="tabforumhome.php?tabcat[]=IDforum" rel="ajaxTFHcontentarea">forum name </a></li>
</ul>
</div>
<br style="clear: left" />
<div class="TFHmenu2line"></div>
<div id="ajaxTFHcontentarea" style="border:0px solid gray; width:100%; height: 100%; background-color: white; padding: 0px"></div>
<script type="text/javascript">
var mytabs=new ddajaxtabs("ajaxTFH", "ajaxTFHcontentarea")
mytabs.setpersist(true)
mytabs.setselectedClassTarget("link")
mytabs.init()
</script>
<!-- /Tabbed Forum Home -->
<!-- /main -->
http://www.univ-dz.net/forums/images/sher7/3.png (http://www.univ-dz.net/forums)
خطوة 4.1 تعديل قالب forumhome_forumbit_level1_post
http://www.univ-dz.net/forums/images/sher7/7.png (http://www.univ-dz.net/forums)
اظف اعلى القالب الكود التالي
<if condition="(THIS_SCRIPT == 'tabforumhome' AND in_array($forum['forumid'], $GLOBALS[tabcats])) OR THIS_SCRIPT == 'forumdisplay'">
واظف اسفل القالب
</if>
خطوة 4.2 تعديل قالب forumhome_forumbit_level1_nopost
http://www.univ-dz.net/forums/images/sher7/6.png (http://www.univ-dz.net/forums)
اظف اعلى القالب الكود التالي
<if condition="(THIS_SCRIPT == 'tabforumhome' AND in_array($forum['forumid'], $GLOBALS[tabcats])) OR THIS_SCRIPT == 'forumdisplay'">
واظف اسفل القالب
</if>
انتهينا من التعديل http://www.traidnt.net/vb/images/smilies/tears.gif << تعبنـــآ ..
الحين نسوي قالب جديد فالاستايل لي نعدل عليه طبعا مثل الصورة
http://www.univ-dz.net/forums/images/sher7/4.png (http://www.univ-dz.net/forums)
نعطه اسم
FORUMHOMETAB
والمحتوى هو الكود لي قمنا بحفضه فالملف النصي
<<< لا تقولي فقدته http://www.traidnt.net/vb/images/smilies/nosweat.g if
http://www.univ-dz.net/forums/images/sher7/5.png
الحين خطوة اخيرة
نرجع الى قالب forumhome
ابحث عن <!-- Tabbed Forum Home -->
لو تلاحظ معي عزيزي هذا الكود
<li class="selected"><a href="tabforumhome.php?tabcat[]=IDforum" rel="ajaxTFHcontentarea">forum name </a></li>
مكان IDforum حط رقم القسم مثال
قسم تطوير المنتديات
http://xxxxx.net/vb/forumdisplay.php?f=9 (http://xxxxx.net/vb/forumdisplay.php?f=9)
اذا ID هذا القسم في المثال هو 9 بسيطة الفكرة
في مكان forum name حط اسم القسم مثلا قسم تطوير المنتديات
يصبح الكود هكذا
<li class="selected"><a href="tabforumhome.php?tabcat[]=9" rel="ajaxTFHcontentarea">قسم تطوير المنتديات </a></li>
الحين كله تمام باقي تعمل كوبي كولي للكود لكل قسم لاني فالمثال حاط قسم واحد فقط
بسيطة كوبي كولي وبعدها غير رقم القسم واسم القسم فقط
لمحـــه
طيب لو بدك تعرض اكثر من قسم في tab واحد مثلا بالاضافة الى قسم تطوير المنتديات بدي احط معه قسم قسم تطوير المواقع
فقط اضف tabcat[]=idforum& اخرى الى الرابط
مثال
اذا كان اي دي قسم تطوير المواقع هو 10 الكود بيصير
<li class="selected"><a href="tabforumhome.php?tabcat[]=9&tabcat[]=10" rel="ajaxTFHcontentarea">القسم الجديد </a></li>
فهمت الفكرة < فقط تاخذ رقم القسم وتضيف tabcat[]=idforum& فكل مرة وبكذا تقدر تحط
المنتدى كله تحت tab واحد >
طيب حبيبي وش باقي الحين
امممم لي ما تعجبهم الالوان تقدر تغيرها من ملف css طبعا
الصورة بعد لاني مغيرها تقدر تغيرها حسب ذوقك
فائدة العملية طبعا العملية جيدة جدا لتسريع المنتدى لان وضيفة الاجاكس الفعلية هي no-refresh لا
تحديث للصفحات واخيرآ لمســه جمالية للمنتدى عندك
تقدر مثلا تعرض كل الاقسام في tab وتحط امور اخرى فباقي tab ودي يبيلها تعديل على القسم وهذه يمكن استعمالها مع الشرط if لرقم المنتدى
وفالاخير اصلي واسلم على هادي الامم وحبيب القلوب محمد عليه افضل الصلاة وازكى التسليم
ajax tab forums 1.5 (http://www.traidnt.net/vb/attachment.php?attachme ntid=414692&d=1254058469)