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

اذهب الى الأسفل

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

مُساهمة من طرف A7medvirus في الخميس 4 أغسطس 2011 - 14:01

السلام عليكم ورحمة الله وبركاته ِ اعضاء احلي منتدي
اسعد الله اوقاتكم في كل وقت وفي كل زمان
كما وعندكما انا منتديات احلي منتدي في تطوير دائم
وخواصها تضاهي المنتديات المدفوعة تماما ِ اتينا لكم بخاصية جديدة
لمنتدياكتم ِ لكي تحسن من جودتها ِ وجعلها اكثر انسيبا
الخاصية هي

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

الكود للنسخة phpbb3 فقط


صورة للمعاينة الخاصية
https://i.servimg.com/u/f44/15/84/84/32/phbb310.png



كود الجافا سكربت
طريقة وضع اكواد الجافا سكربت من هنــــــــا
الكود , يجب جعله علي جميع الصفحات
Spoiler:

الكود:
var CopyrightNotice = 'Make the threads and posts appear streamlined version phpBB3
        All rights reserved to the developer " A7medvirus " www.ahlamontada.com.';
     
        $(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 */

حقوق النشر محفوظة

الكود من Dion تم تطويره الاحلي المنتديات عبر a7medvirus

اخوكم في الله احمد المصري

والسلام


عدل سابقا من قبل A7medvirus في الجمعة 5 أغسطس 2011 - 21:18 عدل 3 مرات
avatar
A7medvirus
 
 

ذكر
عدد المساهمات : 8167
معدل النشاط : 10478
السُمعة : 46

http://www.fm63.net/t1458-topic#5564

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى