عرض عدد الأعضاء في كل مجموعة. وعرض صورة المشرف على المجموعة في الصفحة الرئيسية

عرض صور المسؤول والمشرف:
يقوم الكود بجلب صور المسؤول والمشرف في المجموعة وعرضها بشكل جذاب. هذا يساعد الأعضاء على معرفة من هم الأشخاص الرئيسيون الذين يديرون المجموعة.
(يُعتبر المسؤول والمشرف هو الشخص الذي يمتلك صلاحيات إضافية مثل إضافة أو إزالة الأعضاء من المجموعة.)

عدد أعضاء المجموعة:
بالإضافة إلى الصور، يعرض الكود عدد الأعضاء الحاليين في كل مجموعة برقم واضح بالقرب من اسم المجموعة. هذه المعلومة تعطي المستخدمين فكرة سريعة عن مدى نشاط المجموعة.


فوائد هذا الكود
تحسين تجربة المستخدم: من خلال تقديم معلومات واضحة عن المسؤولين في المجموعة.
ومعرفة من المسؤول يمكن أن يساعد الأعضاء في التواصل بشكل أكثر فعالية مع الأشخاص الذين يديرون المجموعة.
وأيضا وجود عدد الأعضاء واضح يعكس مدى نشاط المجموعة، مما يساعد المسؤولين على اتخاذ قرارات بشأن التفاعل والمشاركة.

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

أولا: ابحث في قالب index_body
عن الكود الذي يبدا بــ

الكود:

<!-- BEGIN switch_group_legend -->

وينتهي بـــ

الكود:

<!-- END switch_group_legend -->

احذفه وضع مكانه التالي

الكود:

<!-- BEGIN switch_group_legend -->
<div class="Modern-MEMBERS">{GROUP_LEGEND}</div>
<!-- END switch_group_legend -->

ثانيا: اضف الكود التالي في نهاية قالب groupcp_info_body

الكود:

<div class="U-A-G"style="display: none;">
<!-- BEGIN switch_count_users_group -->
<div class="G-COUNT">{switch_count_users_group.GROUP_COUNT}</div>
<!-- END switch_count_users_group -->
 <br /><td class="USERNAME-AVATAR-GROUP" data-th="{L_USERNAME} :&nbsp;"><br /><a href="{U_MOD_VIEWPROFILE}"><div class="USERNAME-AVATAR-GROUP">{MOD_AVATAR}{MOD_USERNAME}</div></a></td>
  </div>

ثالثا: اضف Javascript
العنوان * : اختيارك
أضف الكود الى : الصفحة الرئيسية

الكود:

$(document).ready(function() {
    $("a[href$='group']").each(function() {
        var url = $(this).attr('href');
    
        $.get(url, function(data) {    
            var memberList1 = $(data).find('.USERNAME-AVATAR-GROUP');
            memberList1.insertBefore('[href="' + url + '"]');
        
            var memberList2 = $(data).find('.G-COUNT');
            memberList2.insertAfter('[href="' + url + '"]');
        });
    });
});

document.write('<style type="text/css">
   .USERNAME-AVATAR-GROUP img {
    width: 24px;
    height: 24px;
    border-radius: 100px;
    vertical-align: middle;
    margin: 3px;
}
.USERNAME-AVATAR-GROUP {
    background: aliceblue;
    font-size: 12px;
    padding: 3px;
    border-width: medium;
    border: solid 1px #00000036;
    box-shadow: 1px 0px 0px 0px;
    overflow: hidden;          
}
.Modern-MEMBERS a {
    font-size: 12px;
    background: #ffffff;
    padding: 3px;
    border-width: 0;
    border: dotted 0.4px !important;
    box-shadow: 1px 0px 0px 0px;
}
.Modern-MEMBERS {
    display: flex;
    font-size: 0px;          
}
td.USERNAME-AVATAR-GROUP {
    display: none;
}
.USERNAME-AVATAR-GROUP:after {
    content: "المشرف";
    float: right;
    position: relative;
    top: 5px;
    font-size: 12px;      
}

.G-COUNT {
    background: #000000;
    margin: 3px;
    display: inline-block;
    color: #fffffe;
    padding: 3px;
    border-radius: 19px;
    font-size: 12px;      
}
.Modern-MEMBERS b {
display: inline-block;
    margin: 2px;
    padding: 5px;
    background: #e1e1e1;
    text-align: center;
    border: dotted 1px #00000036;
} </style>');

ومبروك عليك و وفقك الله


____________________________________________________

تمت كتابة كود بواسطة كونان2000 باستخدا الAI