تومبلات احصائيات المنتدى لنسخة [AwesomeBB] بشكل جديد بسيط 
![تومبلات احصائيات المنتدى لنسخة [AwesomeBB] بشكل جديد Captur28](https://i.servimg.com/u/f63/20/53/79/60/captur28.jpg)
over_footer_begin
ابحث عن:
الكود:
<footer>
<div class="wrap">
<div id="forum-statistics">
<div>
<div>{TOTAL_POSTS}</div>
</div>
<div>
<div>{TOTAL_USERS}</div>
</div>
<div>
<div>{NEWEST_USER}</div>
</div>
</div>
</div>
</footer>
استبدل ب:
الكود:
<div id="footer__data">
<div><p>عدد المواضيع</p><span class="total__posts">{TOTAL_POSTS}</span></div>
<div><p>عدد الاعضاء</p><span class = "total__users">{TOTAL_USERS}</span></div>
<div><p>آخر عضو مسجل</p><span class = "newest__user">{NEWEST_USER}</span></div>
</div>
و الان ضع هذا في css
الكود:
[center]#footer__data {[/center]
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
background-color: transparent;
}
#footer__data > div {
background-color:#5b66ff;
color:#fff;
width: 300px;
height: 100px;
border: 2px solid #4d57d9;
margin:5px;
font-size:20px;
text-align:center;
vertical-align:center;
}
#footer__data > div p {
background-color:#fff;
color:#000!important;
font-size:18px!important;
}
.total__posts , .total__users, .newest__user {
line-height:75px;
}
انتقل إلى JAVASCRIPT
إنشاء جافا سكريبت جديد.
قم بتسميته: " إحصائية
" ووضعه "في الصفحة الرئيسية".
الصق هذا الكود:
الكود:
/*
Author: The Raven
Date of creation: 01.09.2023
Script version: 1.1
Contact forum: https://gothicpub.forumotion.com/
*/
$(document).ready(function() {
// Replace data for amount of total registered users
var total_users = $(".total__users").text();
var replacement = total_users.match(/\d/g).join("");
$(".total__users").text(replacement);
// Replace data for amount of total posts
var total_posts = $(".total__posts").text();
var replacement2 = total_posts.match(/\d/g).join("");
$(".total__posts").text(replacement2);
// Replace data to represent only newest member
var newest_user = $(".newest__user").html();
var array = newest_user.split("is");
var result = array.pop();
$(".newest__user").html(result);
});
يمكنكم تغيير الالوان و طول و العرض و الجدول و الخلفيه.... من خلال css
![تومبلات احصائيات المنتدى لنسخة [AwesomeBB] بشكل جديد YeGU74K](https://i.imgur.com/yeGU74K.gif)
شكراً جزيلاً على مشاركة الموضوع معنا.
Mr Google يعجبه هذا الموضوع
keko_ferkekoالإثنين مارس 11, 2024 9:32 pm