질문/공유팁 게시판

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

클라드룹
조회 수 135 추천 수 3
크게 작게 댓글로 가기
크게 작게 위로 아래로 댓글로 가기

 

스케치북 스킨 기준으로 프로필 이미지가 없을때  2023-12-29 14 33 01.png로 표시되는 부분을 아래처럼 닉네임 첫글짜와 배경을 변경합니다.

 

2023-12-29 14 28 29.png

 

1. 준비

nick_bg_color.zip 파일을 압축해제후 XE, 라이믹스 설치 경로에 업로드합니다.

 

2. 게시판 스킨 수정 _comment.html

 

제일 상단에 아래의 코드를 추가해주세요.

{@
$nickBgPath = _XE_PATH_.'nick_bg_color.php';
include_once($nickBgPath);
$oNickBgUtil = new nickBgUtil();
}

 

3. 프로필 이미지 부분 수정 _comment.html

 

<span cond="!$comment->getProfileImage()" class="profile img no_img">?</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>

 

닉네임 앞 두글자를 출력하고 싶으시다면 {@ $fisrt_nick_str = mb_substr($comment->getNickName(),0,2)} <- 변경해주세요.

Atachment
첨부
위로 아래로
댓글 3
  • profile
    요즘은 왠지 모르게 대체 이미지 형식도 왠지 엑박처럼 느껴지더군요.
    이렇게 첫 글자나 이니셜만 따는 게 보기 좋은 것 같습니다. 배경색까지 아주 좋네요!
  • profile
    꿀팁 감사합니다.
    혹시 제가 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

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

    이 부분은 프로필사진이 있는 경우의 코드네요. 프로필사진이 없는 경우에 표시해주는 코드도 근처에 같이 있을 듯 한데 그걸 올려주셔야 될 것 같습니다.