
팁과노하우
최신글에서 사이드뷰 기능 추가하기
리빌더 최신글 파일을 보면 <?php echo $list[$i]['wr_name'] ?> 이라는 글작성자의 닉네임이 출력되는 부분이 있습니다.
이 부분을 <?php echo $list[$i]['name'] ?> 이렇게 바꾸면 바로 사이드뷰를 이용할 수 있게 됩니다.
그런데, <?php echo $list[$i]['name'] ?> 지정하니 사이드뷰가 출력이 되기는 하는데, 회원 아이콘인지 뭔지 이미지가 뜨네요.
그래서 기본 설정을
<?php echo $list[$i]['wr_name'] ?> 이렇게 하신건지.
기본 설정이 사이드뷰 출력이 되게 하고, 안되게 하려면 수정으로 가는게 더 좋은 방법이 아닐까 생각해 봅니다.
테스트를 해 보니 아래와 같이 스타일을 바꾸면 제대로 출력이 됩니다.
최신글 스킨의 스타일 내용 중에 아래와 같은 부분이 있습니다.
.bbs_main_wrap_thumb_left_con .bbs_main_wrap_con_writer span {display: inline-block;}
.bbs_main_wrap_thumb_left_con .prof_tiny_image img {width: 30px; height:auto; border-radius: 50%; margin-right: 5px;}
.bbs_main_wrap_thumb_left_con .prof_tiny_name {font-size: 12px; color:#999; line-height: 20px; margin-right: 10px;}
위 부분을 아래와 같이 바꾸면 이쁘게 "회원 아이콘+닉네임"으로 출력이 됩니다.
.bbs_main_wrap_thumb_left_con .bbs_main_wrap_con_writer span {display: inline-block; vertical-align: middle;}
.bbs_main_wrap_thumb_left_con .prof_tiny_name { display: inline-flex; align-items: center; vertical-align: middle; font-size: 12px; color: #999; line-height: 20px; margin-right: 10px; }
.bbs_main_wrap_thumb_left_con .prof_tiny_name img,
.bbs_main_wrap_thumb_left_con .prof_tiny_image img { display: inline-block !important; width: 20px !important; height: 20px !important; border-radius: 50% !important; margin-right: 4px !important; object-fit: cover; vertical-align: middle; }
- 다음글게시판 채팅 ㅋㅋㅋ2026.07.16
댓글목록



