المواضيع الأخيرة
» "كود" تغير كلمة الرئيسية اسفل المنتدى الى صورة مصغرة
من طرف AsHeK EgYpT السبت أغسطس 13, 2016 8:29 pm

» كود css تأطير الفئات والاحصائيات والمواضيع وغيرها
من طرف AsHeK EgYpT السبت أغسطس 13, 2016 7:12 pm

» "كود" وضع أطار لأيقونات الموضوع الجديد و القديم و المغلق أسفل المنتدى في الرئيسية
من طرف AsHeK EgYpT السبت أغسطس 13, 2016 7:05 pm

» كود تضليل اسم القسم عند المرور عليه بالماوس
من طرف AsHeK EgYpT السبت أغسطس 13, 2016 6:57 pm

» كود css لوضع خلفية لبيانات العضو متصل بـــ(؟) واخر مساهماتك للانفيوجن
من طرف AsHeK EgYpT السبت أغسطس 13, 2016 6:53 pm

» كود css لالغاء الفراغ الذي يظهر بين الواجهه واعلى المتصفح
من طرف AsHeK EgYpT السبت أغسطس 13, 2016 6:49 pm

» حل مشكلة الأسطر متقاربة بالمساهمااات
من طرف AsHeK EgYpT الإثنين أغسطس 08, 2016 6:36 pm

» كود css لجعل حقل الدخول و البحث و اسم المستخدم و كلمة السر بشكل منحرف
من طرف AsHeK EgYpT الإثنين أغسطس 08, 2016 6:33 pm

» طريقة أزالة السطر من تحت أسماء الأعضاء
من طرف AsHeK EgYpT الإثنين أغسطس 08, 2016 6:29 pm

» [css] لعمل خاصية تمرير الماوس للآكواد للحفاظ علي مظهر المنتدي
من طرف AsHeK EgYpT الإثنين أغسطس 08, 2016 6:24 pm

أفضل 10 أعضاء في هذا الأسبوع


حول احصائيات نسخة منتداك phpBB3 مثل احصائيات punBB

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

AsHeK EgYpT
AsHeK EgYpT
عدد المساهمات : 68

مُساهمةAsHeK EgYpT الإثنين أغسطس 08, 2016 7:32 am

حول احصائيات نسخة منتداك phpBB3 مثل احصائيات punBB


السلام عليكم ورحمة الله وبركاته
بتقنية اكواد الجديدة جافا سكربت سنقوم بجعل احصائيات الخاصة بنسخة phpBB3
تمام مثل نسخة punBB
لا تضيع الفرصة في ان تكتشف الجديد معنا دوما وتجربة الامر لتكون السباق في احترافي بموقعك
صورة قبل تركيب الكود
حول احصائيات نسخة منتداك phpBB3 مثل احصائيات punBB 112
صورة بعد تركيب الكود
حول احصائيات نسخة منتداك phpBB3 مثل احصائيات punBB 210
طريقة تركيب الكود
لوحة الإدارة / عناصر اضافية / اكواد جافا سكربت / انشئ كود جديد
- ضع بالعنوان ما يناسبك
- حدد على الصفحة الرئيسية فقط
اضف الكود التالي
الكود:
    $(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}

استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة

رسالة سريعة:

انشئ حساب جديد او سجل دخول لكى تستطيع الرد

يجب ان تمتلك عضوية لتستطيع الرد.

انشاء حساب جديد

انضم لمنتدانا عن طريق انشاء حساب جديد . انها سهلة!


انشاء حساب جديد

تسجيل دخول

هل تمتلك حساب بالفعل ؟ لا مشكلة, سجل دخول من هنا.


تسجيل دخول

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