[Javascript] جعل المواضيع والمشاركات تظهر بشكل انسيابي كالفي بي حصريا على منتديات احدث البرامج
[Javascript] جعل المواضيع والمشاركات تظهر بشكل انسيابي كالفي بي حصريا على منتديات احدث البرامج
[Javascript] جعل المواضيع والمشاركات تظهر بشكل انسيابي كالفي بي حصريا على منتديات احدث البرامج
[Javascript] جعل المواضيع والمشاركات تظهر بشكل انسيابي كالفي بي حصريا على منتديات احدث البرامج
[Javascript] جعل المواضيع والمشاركات تظهر بشكل انسيابي كالفي بي حصريا على منتديات احدث البرامج
السلام عليكم ورحمة الله وبركاته ِ اعضاء احلي منتدي
اسعد الله اوقاتكم في كل وقت وفي كل زمان
كما وعندكما انا منتديات احلي منتدي في تطوير دائم
وخواصها تضاهي المنتديات المدفوعة تماما ِ اتينا لكم بخاصية جديدة
لمنتدياكتم ِ لكي تحسن من جودتها ِ وجعلها اكثر انسيبا
الخاصية هي
[Javascript] جعل المواضيع والمشاركات تظهر بشكل انسيابي كالفي بي
الكود للنسخة phpbb3 فقط
صورة للمعاينة الخاصية
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
تصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
كود الجافا سكربت
الكود , يجب جعله علي جميع الصفحات
ثم نذهب الي
لوحة الادارة / مظهر المنتدي/ الوان/ ورقة تصميم css
ونضع هذا الكود
الكود:
[color=#000000][font=tahoma][b]var CopyrightNotice = 'Make the threads and posts appear streamlined version phpBB3[/b][/font][/color]
[color=#000000][font=tahoma][b] All rights reserved to the developer " A7medvirus " [url=http://[/b][/font][/color][url=http://www.ahlamontada.com.%27/;%5Dwww.ahlamontada.com.%27;%5B/url%5D]www.ahlamontada.com.%27/;]www.ahlamontada.com.';[/url][/url]
[color=#000000][font=tahoma][b] [/b][/font][/color]
[color=#000000][font=tahoma][b] $(function() {[/b][/font][/color]
[color=#000000][font=tahoma][b] if ($('.forabg ul.forums')[0]) {[/b][/font][/color]
[color=#000000][font=tahoma][b] $('.hierarchy').next().remove();[/b][/font][/color]
[color=#000000][font=tahoma][b] x=$('.forabg ul.forums dl.icon').get();[/b][/font][/color]
[color=#000000][font=tahoma][b] for (i=0; i<x.length; i++) {[/b][/font][/color]
[color=#000000][font=tahoma][b] var topics=x[i].childNodes[1].childNodes[0].nodeValue;[/b][/font][/color]
[color=#000000][font=tahoma][b] var posts=x[i].childNodes[2].childNodes[0].nodeValue;[/b][/font][/color]
[color=#000000][font=tahoma][b] $(x[i]).find('.hierarchy').after('<div[/b][/font][/color]
[color=#000000][font=tahoma][b] class="a7medvirus-tp"[/b][/font][/color]
[color=#000000][font=tahoma][b] style="margin-bottom:3px;font-size:1.1em;">[/b][/font][/color]
[color=#000000][font=tahoma][b] <td> المواضيع </td><b> '+topics +' </b>[/b][/font][/color]
[color=#000000][font=tahoma][b] <td> </td> <td> || </td> <td> </td>[/b][/font][/color]
[color=#000000][font=tahoma][b] <td> المشاركات </td><b> '+posts+' </b> [/b][/font][/color]
[color=#000000][font=tahoma][b] [/b][/font][/color]
[color=#000000][font=tahoma][b] </div>'); }[/b][/font][/color]
[color=#000000][font=tahoma][b] [/b][/font][/color]
[color=#000000][font=tahoma][b] [/b][/font][/color]
[color=#000000][font=tahoma][b] $('.forabg').addClass('index-box');[/b][/font][/color]
[color=#000000][font=tahoma][b] $('.forabg dd.topics').remove();[/b][/font][/color]
[color=#000000][font=tahoma][b] $('.forabg dd.posts').remove();[/b][/font][/color]
[color=#000000][font=tahoma][b] }[/b][/font][/color]
[color=#000000][font=tahoma][b] });[/b][/font][/color][color=#000000][font=tahoma][b]
ثم نذهب الي
لوحة الادارة / مظهر المنتدي/ الوان/ ورقة تصميم css
ونضع هذا الكود
الكود:
[color=orange][center][font=tahoma][b][b]
[/b][/b][/font][/center][/color][center][color=#3AAA00][font=tahoma][b]/*بداية الكود لجعل المواضيع والمشاركات احترافية */[/b][/font][/color]
[color=#3AAA00][font=tahoma][b].a7medvirus-tp{[/b][/font][/color]
[color=#3AAA00][font=tahoma][b]background: none repeat scroll 0 0 #edfbff;[/b][/font][/color]
[color=#3AAA00][font=tahoma][b] border: 1px dotted #999999;[/b][/font][/color]
[color=#3AAA00][font=tahoma][b] margin-top: 5px;[/b][/font][/color]
[color=#3AAA00][font=tahoma][b] padding: 3px;[/b][/font][/color]
[color=#3AAA00][font=tahoma][b]}[/b][/font][/color]
[color=#3AAA00][font=tahoma][b]div.index-box dl.icon dd.dterm {width: 68%;}[/b][/font][/color]
[color=#3AAA00][font=tahoma][b]div.index-box dl.icon dd.lastpost {float: right; width: 29%;}[/b][/font][/color]
[color=#3AAA00][font=tahoma][b]/*All rights reserved a7medvirus */[/b][/font][/color][/center]
مع تحياتى