치지직 멀티 채팅
치지직 채널을 최대 5개까지 묶어 채팅 오버레이 URL 하나로 만듭니다.
만든 URL 을 OBS 브라우저 소스에 넣고, 쓰던 채팅 CSS 는 OBS "사용자 지정 CSS" 에 그대로 붙여 넣으세요.
(기존 통합 채팅창과 같은 구조라 CSS 를 그대로 쓸 수 있습니다)
채널
채널 주소(https://chzzk.naver.com/…)나 채널 ID 를 붙여 넣으세요.
설정
URL 의 ?setting= 으로 들어갑니다. 기존 통합 채팅창 설정 이름과 같습니다.
오버레이 URL
미리보기
미리보기에는 테스트 메시지(test-message)가 함께 흐릅니다. OBS 에 넣는 URL 에는 들어가지 않습니다.
채널별 CSS 꾸미기
모든 채팅 줄(#log > div)에 출처 채널 정보가 붙습니다. 쓰던 CSS 는 그대로 두고, 필요하면 아래 선택자를 덧붙이세요.
/* URL 의 1번째 채널 채팅만 왼쪽 줄 */
#log > div[data-source-slot="1"] { border-left: 4px solid #00ffa3; padding-left: 8px; }
/* 특정 채널 ID 로 지정 */
#log > div[data-channel-id="채널ID"] .name { color: #ffd400 !important; }
/* 채널 이름을 닉네임 앞에 글자로 붙이기 */
#log > div[data-channel-name] .meta::before { content: "[" attr(data-channel-name) "] "; }
/* channel-profile-image 설정의 채널 아이콘 동그랗게 */
.badge.profile-image { border-radius: 50%; }