포인트 랭킹 위젯에 "레벨 아이콘, 회원프로필" 등 추가
위젯 소스코드
<ul class="bbs_main_wrap_point_con">
<div class="swiper-container swiper-container-point_rank">
<ul class="swiper-wrapper swiper-wrapper-point_rank">
<?php
$rank = 1;
while ($rows = sql_fetch_array($current_week_result)) {
$mb_id = $rows['mb_id'];
$mb_nick = $rows['mb_nick'];
$total_points = number_format($rows['total_points']);
$rank_change = get_rank_change($mb_id, $rank, $last_week_ranking);
$pointrank_icon = get_pointrank_icon(get_point_sum($rows['mb_id'])); //추가 포인트랭크 아이콘 추가
echo "<dd class='swiper-slide swiper-slide-point_rank'>";
if($rank == 1) {
echo "<span class='point_list_num top1_bg'>{$rank}</span> <span class='point_list_point'> {$pointrank_icon}</span>"; //추가
} else if($rank == 2) {
echo "<span class='point_list_num top2_bg'>{$rank}</span> <span class='point_list_point'> {$pointrank_icon}</span>"; //추가
} else {
echo "<span class='point_list_num'>{$rank}</span> <span class='point_list_point'>{$pointrank_icon}</span>"; //추가
}
echo "<span class='point_list_name'><span class='cut'>{$mb_nick}</span></span>";
echo "<span class='point_list_point font-H'>{$total_points} P </span> ";
echo "<span class='point_list_ch'>{$rank_change}</span>";
echo "</dd>";
$rank++;
}
?>
<!-- } -->
</ul>
2024.11.05 수정사항 : 아래 css 파일 수정 필요
.point_list_num {background-color: #aaa; color:#fff; font-size: 12px; line-height: 20px; border-radius: 4px; margin-right: 3px; float:left; text-align: center; width:25px;}
.point_list_ch {background-color: #aaa; color:#fff; font-size: 10px; line-height: 20px; border-radius: 4px; margin-right: 5px; float:left; text-align: center; width:25px;}
.point_list_profile {line-height: 16px; float:left; margin-right: 3px; width:16px; height:16px;}
.point_list_icon {line-height: 16px; float:left; margin-right: 3px; width:16px; height:16px;}
.point_list_level {line-height: 16px; float:left; margin-right: 3px; width:16px; height:16px;}
.point_list_name {line-height: 20px; float:left; width: 45%;}
.point_list_point {line-height: 20px; float:right; font-size: 12px;}
.top1_bg {background-color: #AA20FF;}
.top2_bg {background-color: #25282B;}