댓글 닉네임 앞글자만 + 배경 구분하기

요즘은 왠지 모르게 대체 이미지 형식도 왠지 엑박처럼 느껴지더군요.
이렇게 첫 글자나 이니셜만 따는 게 보기 좋은 것 같습니다. 배경색까지 아주 좋네요!

꿀팁 감사합니다.
혹시 제가 ink_board스킨을 쓰는데

<span cond="!$comment->getProfileImage()" class="profile img no_img">?</span>
이 영역이

<span class="inkpf round" cond="$mi->cmt_profile != 'N'"><img class="inkpf_img" src="{$comment->getProfileImage()}" alt="profile image" cond="$comment->getProfileImage()" /></span>

이거인지,

<!--@if($mi->writer_vote == 'Y' && $_writer_vote)--><span class="writer_vote ink_bubble_wrap"><span class="has_bubble"><span class="inkpf round has_bubble"><img class="inkpf_img" src="{$oDocument->getProfileImage()}" alt="{$oDocument->getNickName()}" cond="$oDocument->getProfileImage()" /></span><span class="icon_stak"><i class="fas fa-heart pt_col stak1"></i><i class="fas fa-heart stak2"></i></span></span><span class="ink_bubble">{$lang->writer} {$lang->cmd_vote}</span></span><!--@end-->

이거인지 구분이 안가서그러는데


<span class="inkpf round" cond="$mi->cmt_profile != 'N'"><img class="inkpf_img" src="{$comment->getProfileImage()}" alt="profile image" cond="$comment->getProfileImage()" /></span>

이게 맞다면

<span class="inkpf round" cond="$mi->cmt_profile != 'N'"><img class="inkpf_img" src="{$comment->getProfileImage()}" alt="profile image" cond="$comment->getProfileImage()" /></span>

이 영역을

{@ $fisrt_nick_str = mb_substr($comment->getNickName(),0,1)}

<span cond="!$comment->getProfileImage()" class="profile img no_img " style="background-color:{$oNickBgUtil->getNickBgColor($comment->getNickName())};color:white">{$fisrt_nick_str}</span>

이렇게 바꾸면 될까요?


주소는

https://mbong.kr/best/1957220?cpage=2#comment

이거입니다.