شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي

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

زائر
زائر
تمت المشاركة في الثلاثاء سبتمبر 13, 2016 10:17 pm
كود جافا تغيير شكل الاحصائيات بنسخة 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;
    }


دمتم بخير


عدل سابقا من قبل JAR7 في الثلاثاء سبتمبر 13, 2016 10:21 pm عدل 1 مرات

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

زائر
زائر
تمت المشاركة في الثلاثاء سبتمبر 13, 2016 10:19 pm
ما الجميل ف هاذا :'(

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

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

زائر
زائر
تمت المشاركة في الثلاثاء سبتمبر 13, 2016 10:22 pm
الجميل ردك يا هذا :/

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

زائر
زائر
تمت المشاركة في الثلاثاء سبتمبر 13, 2016 10:22 pm
هههههههههههههههههههه تسلمي

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

زائر
زائر
تمت المشاركة في الأربعاء سبتمبر 14, 2016 6:13 am
السلام عليكم ورحمة الله وبركاته
ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة
إنـجاز أكثر رائــــــع
لكن أرجو منكَ عدم التوقف عند هذا الحد
مـنتظرين ابداعتــــــك
دمتـ ودام تألقـك

تحياتــي

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

زائر
زائر
تمت المشاركة في الأربعاء سبتمبر 14, 2016 11:03 pm
شكرااا

كود رائع
استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
Propellerads                                                                           Propellerads