كود جافا تغيير شكل الاحصائيات بنسخة phpBB3

كود جافا تغيير شكل الاحصائيات بنسخة phpBB3

السلام عليكم ورحمة الله وبركاته

كود جافا لعمل اطار وترتيب جميل للاحصائيات للنسخة الثالثة

الصور للتوضيح

قبل

بعد اضافة الكود


الكود منقول هع

الان طريقة التركيب

لوحة الاداره>>عناصر إضافية>>HTML و JAVASCRIPT>>إدارة أكواد Javascript>>


تفعيل نظام إدارة أكواد Javascript :نعم


انشاء كود جديد


العنوان * :حسب ما تريد
أضف الكود الى :جميع الصفحات

الكود:


$(document).ready(function(){
      $('.forabg + ul.linklist').after('<div class="statistics"><div id="stats"></div><div id="onlinelist"></div><div id="onlinechat"></div></div>');
      $('p.page-bottom').appendTo('#stats').eq(0).css('float','right');
      $('.h3 a[href="/viewonline"], img#i_whosonline + p, img#i_whosonline').appendTo('#onlinelist');
      $('div#onlinelist p em').insertAfter('div#onlinelist p').addClass('leyenda').before('<div class="clear"></div>');
      $('div.page-bottom, #chatbox_popup').appendTo('#onlinechat');
      $('div.statistics + .h3, .clear + .h3, .clear + .h3 + .h3').remove();
      if($('div#onlinechat').html()==="")$('div#onlinechat').remove();
    });



ثم اذهب الى مظهر المنتدى - صور والوان - الوان - ورقة css
واضف الكود

الكود:


div.statistics {
        background: #ECF3F7;
        border: 1px solid #0076B1;
          font-size: 11px;
    }
    .statistics > div {
        padding: 10px;
    }
    div#stats {
        border-bottom: 1px dashed #0076B1;
    }

    div#onlinelist a[href="/viewonline"] {
        font-size: 13px;
        float: right;
        text-decoration: underline;
    }

    em.leyenda {
        font-style: normal;
        display: inline-block;
        margin-top: 7px;
        font-size: 12px;
    }
    div#onlinechat {
        border-top: 1px dashed #0076B1;
    }



دمتم بخير

ما الجميل ف هاذا :'(

شكرا لك ههههههههههههههههه

الجميل ردك يا هذا :/

هههههههههههههههههههه تسلمي

شكرااا

كود رائع