샘플 영상
위플랩에서 사용 가능 한 커스텀 채팅 CSS 샘플 공유합니다.
영상과는 다르게 아이콘까지 채팅 앞 아이콘까지 제거된 버전입니다.
.chat_list .chat_box.chat {
position: relative;
margin: 10px 0;
border: 5px solid white;
border-radius: 15px;
background-color: #8165BA;
color: #333;
max-width: 80%;
word-wrap: break-word;
}
/* 채팅글자 여백 */
.chat_list .chat_box .inner_box {
padding: 5px 10px;
}
/* 닉네임 숨기기 */
.chat_list .chat_box .nick {
display: none;
}
/* 아이콘 제거 */
.chat_list .icon_badge,
.chat_list .icon_platform {
display: none;
}
반응형
'DEV > HTML&CSS' 카테고리의 다른 글
[위플랩] 마인크래프트 업적 스타일 채팅창CSS 배포 (0) | 2025.04.22 |
---|---|
[CSS] 치지직 채팅 커스텀CSS (0) | 2024.04.17 |
[CSS] 트윕 챗박스 커스텀CSS (0) | 2019.04.03 |
CSS 포지션(Position) (0) | 2019.04.03 |
[CSS]브라우저별 opacity 설정 (0) | 2017.03.14 |