미리보기 설정

1.5s
너비px
높이px

IM 스타일 — 특징

  • LINE/Telegram style chat bubbles
  • Rich pop-in animations for messages
  • Username bounce animation
  • Avatar scale animation
  • Color picker customizer
  • Customizable bubble background and border
  • Role-based styling (owner, moderator, member)
  • Super Chat glow effects
  • Real-time preview
  • One-click CSS export

이 라이브 채팅 스타일 사용 방법

몇 단계면 방송에 추가할 수 있습니다. 채팅을 캡처하는 방식에 맞는 버전을 선택하세요.

YouTube 팝아웃 채팅

  1. 위 버튼에서 YouTube 버전 CSS를 다운로드합니다.
  2. OBS에서 브라우저 소스를 추가하고 YouTube 팝아웃 채팅 URL을 지정합니다.
  3. CSS를 브라우저 소스의 사용자 지정 CSS 칸에 붙여넣습니다.
전체 단계별 가이드 보기 →

Social Stream Ninja

  1. Social Stream Ninja에서 「Main chat overlay & control dock」 URL(dock.html?session=… 링크)을 복사합니다.
  2. URL 끝에 &hidemenu를 추가하면 방송에 채팅만 표시됩니다(Social Stream의 컨트롤 버튼이 숨겨집니다). 선택: &reverse를 추가하면 최신 메시지 방향이 뒤집힙니다.
  3. 그 URL을 OBS 브라우저 소스로 추가합니다(1920×1080).
  4. 여기에서 Social Stream 버전 CSS를 다운로드해 브라우저 소스의 사용자 지정 CSS에 붙여넣습니다.
전체 단계별 가이드 보기 →

더 많은 라이브 채팅 스타일 보기 →

자주 묻는 질문

이 스타일을 사용하려면 CSS를 알아야 하나요?
아니요. 이 페이지에서 .css 파일을 다운로드해 OBS나 Streamlabs 브라우저 소스의 사용자 지정 CSS 칸에 붙여넣기만 하면 됩니다. 코딩이 필요 없습니다.
이 라이브 채팅 스타일은 어떤 플랫폼을 지원하나요?
YouTube Live를 지원하며, Social Stream Ninja를 통해 Twitch, TikTok, Kick 등 120개 이상의 플랫폼을 지원합니다.
색상과 레이아웃을 사용자화할 수 있나요?
네. 이 페이지의 실시간 커스터마이저로 색상, 크기, 효과를 조정하고 자신만의 CSS를 내보낼 수 있습니다.
OBS와 Streamlabs에서 작동하나요?
네. 브라우저 소스와 사용자 지정 CSS 칸이 있는 모든 소프트웨어에서 작동하며 OBS Studio와 Streamlabs를 포함합니다.
⚖

이용약관

doodlekuma.com

허용

  • 개인 및 상업 스트리밍 사용
  • 수정 및 2차 창작 (doodlekuma.com 출처 표기 필수)

금지

  • 자신의 원작이라고 주장하는 것
  • 저작권 표시 제거

주의사항

  • 사용 전 스트리밍 플랫폼 규칙을 확인해주세요
  • 스타일은 수시로 업데이트될 수 있습니다