كود جافا تغيير شكل الاحصائيات بنسخة 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;
}
دمتم بخير