본문 바로가기

DEV/HTML&CSS

[위플랩] 커스텀 채팅 CSS샘플

샘플 영상

 

위플랩에서 사용 가능 한 커스텀 채팅 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;
}
반응형