[Javascript] جعل المواضيع والمشاركات تظهربشكل انسيابي مثل vb

السلام عليكم ورحمة الله وبركاته ِ اعضاء احلي منتدي
اسعد الله اوقاتكم في كل وقت وفي كل زمان
كما وعندكما انا منتديات احلي منتدي في تطوير دائم
وخواصها تضاهي المنتديات المدفوعة تماما ِ اتينا لكم بخاصية جديدة
لمنتدياكتم ِ لكي تحسن من جودتها ِ وجعلها اكثر انسيبا
الخاصية هي
[Javascript] جعل المواضيع والمشاركات تظهر بشكل انسيابي كالفي بي
الكود للنسخة phpbb3 فقط
صورة للمعاينة الخاصية
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


كود الجافا سكربت
الكود , يجب جعله علي جميع الصفحات

الكود:



var CopyrightNotice = 'Make the threads and posts appear streamlined version phpBB3
        All rights reserved to the developer " A7medvirus " [url=http://[url=http://www.ahlamontada.com.%27/;%5Dwww.ahlamontada.com.%27;%5B/url%5D]www.ahlamontada.com.%27/;]www.ahlamontada.com.';[/url][/url]
    
        $(function() {
            if ($('.forabg ul.forums')[0]) {
                $('.hierarchy').next().remove();
                x=$('.forabg ul.forums dl.icon').get();
                for (i=0; i<x.length; i++) {
                    var topics=x[i].childNodes[1].childNodes[0].nodeValue;
                    var posts=x[i].childNodes[2].childNodes[0].nodeValue;
                    $(x[i]).find('.hierarchy').after('<div
        class="a7medvirus-tp"
        style="margin-bottom:3px;font-size:1.1em;">


    <td> المواضيع  </td><b> '+topics +'  </b>

      <td> </td>  <td> || </td> <td>  </td>


    <td>  المشاركات </td><b>  '+posts+'  </b>

  


    </div>');    }
      

    
                $('.forabg').addClass('index-box');
                $('.forabg dd.topics').remove();
                $('.forabg dd.posts').remove();
            }
        });



ثم نذهب الي
لوحة الادارة / مظهر المنتدي/ الوان/ ورقة تصميم css
ونضع هذا الكود

الكود:



    /*بداية الكود لجعل المواضيع والمشاركات احترافية */
    .a7medvirus-tp{
    background: none repeat scroll 0 0 #edfbff;
        border: 1px dotted #999999;
        margin-top: 5px;
        padding: 3px;
    }
    div.index-box dl.icon dd.dterm {width: 68%;}
    div.index-box dl.icon dd.lastpost {float: right; width: 29%;}
    /*All rights reserved a7medvirus */


شكرا على المرور لقد ارسلت لك رسالة رد عليها