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

قبل


بعد

-----------------------------------------------

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

الكود:

<!-- BEGIN switch_group_legend -->

الكود:

<!-- END switch_group_legend -->

الكود:

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

الكود:

<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>

الكود:

$(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>');