(Before you edit any file, download it incase you make a mistake)
Open system/function_all.php
Search for function createUserlist
Replace that function with:
function createUserlist($list, $lazy = false){
if(!isVisible($list)){
return false;
}
$status = '';
$offline = 'offline';
if($list['last_action'] > getDelay() || isBot($list)){
$offline = '';
$status = getListStatus($list);
}
$borderClass = '';
if ($list['user_sex'] == 2) {
$borderClass = 'avatar-border-female';
} elseif ($list['user_sex'] == 1) {
$borderClass = 'avatar-border-male';
} else {
$borderClass = 'avatar-border-other';
}
if($lazy){
$avatar = '<img class="lazy avav acav ' . $borderClass . '" data-src="' . myAvatar($list['user_tumb']) . '" src="' . imgLoader() . '"/>';
}
else {
$avatar = '<img class="avav acav ' . $borderClass . '" src="' . myAvatar($list['user_tumb']) . '"/>';
}
return '<div data-i="u' . $list['user_id'] . '" data-av="'.myAvatar($list['user_tumb']).'" data-cover="' . $list['user_cover'] . '" data-id="'.$list['user_id'].'" data-name="'.$list['user_name'].'" data-rank="'.$list['user_rank'].'" data-bot="'.$list['user_bot'].'" data-country="' . uCountry($list) . '" data-gender="' . uGender($list) . '" data-age="' . uAge($list) . '" class="avtrig drop_user bhover user_item ' . $offline . '">
<div class="user_item_avatar">' . $avatar . ' ' . $status . '</div>
<div class="user_item_data">
<p class="username ' . myColorFont($list) . '">' . $list["user_name"] . '</p>
<p class="list_mood">' . $list['user_mood'] . '</p>
</div>
' . getListAction($list). '
<div class="user_item_icon icrank">' . userListRank($list) . '</div>
</div>';
}
Save this file.
Open css/custom.css
.avatar-border-female {
border: 2px solid lightpink;
border-radius: 50%;
}
.avatar-border-male {
border: 2px solid lightblue;
border-radius: 50%;
}
.avatar-border-other {
border: 2px solid gray;
border-radius: 50%;
}
Place this in the file and press save
Open js/function_temp.js
Replace chatLogTemplate with this:
// CHAT LOGS
chatLogTemplate = t => {
let borderClass = '';
if (t.user_gender == 2) {
borderClass = 'avatar-border-female';
} else if (t.user_gender == 1) {
borderClass = 'avatar-border-male';
} else {
borderClass = 'avatar-border-other';
}
var quoted = '';
if(t.quote !== null){
quoted = `
<div class="cqbox quote${t.quote.qid}">
<div class="cquote">
<div class="cqwrap">
<div class="cqav">
<img class="${borderClass}" src="${myAvatar(t.quote.qtumb)}" onerror="avFix(this);"/>
</div>
<div class="cqcontent">
<div class="cqname">${t.quote.qname}</div>
<div class="cqmess">${t.quote.qcontent}</div>
</div>
</div>
</div>
</div>
`;
}
return `
<li id="log${t.log_id}" data="${t.log_id}" class="chat_log ch_logs ${t.log_type}">
<div class="avtrig avs_menu chat_avatar" data-i="l${t.log_id}" data-av="${myAvatar(t.user_tumb)}" data-cover="${t.user_cover}" data-id="${t.user_id}" data-name="${t.user_name}" data-rank="${t.user_rank}" data-bot="${t.user_bot}" data-gender="${t.user_gender}" data-country="${t.user_country}" data-age="${t.user_age}">
<img class="cavatar avav ${borderClass}" src="${myAvatar(t.user_tumb)}"/>
</div>
<div class="my_text">
<div class="btable">
<div class="cname">${chatRank(t.user_rank, 'chat_rank')}<span class="username ${t.user_color}">${t.user_name}</span></div>
<div class="cdate sub_chat">${t.log_date}</div>
<div class="cclear logs_menu sub_chat" data-id="${t.log_id}" data-user="${t.user_id}" data-bot="${t.user_bot}"><i class="fa fa-ellipsis-h"></i></div>
</div>
${quoted}
<div class="chat_message ${t.user_tcolor}">${t.log_content}</div>
</div>
</li>
`;
}
Save the file
Do /clearcache command and if you are using redis cache then flush cache.
All done 👍️
