☝️이건 꼭 알고가자
home
TTS WIKI
home

트윕 알림, 채팅 커스텀 CSS 적용하는 법

태그
트윕
알람창
채팅
커스텀 CSS
업데이트
2022/07/25
2 more properties
트윕에 있는 기본 스킨 말고 나만의 스킨을 만들어서 적용하고 싶어요!
트윕의 알림창이나 채팅 위젯은 기본적으로 제공되는 스타일과 트윕에서 제공하는 스킨 외에 직접 CSS를 적용해 입맛대로 꾸며 사용할 수 있어요.
CSS란 Cascading Style Sheets의 약자로 스타일이나 레이아웃 등, 사용자에게 문서를 표시하는 방법을 지정하는 언어입니다.
다만, 이 부분은 CSS에 대한 이해가 있으신 분들께서만 사용하시길 바라요.
작성 시 기존 Alert Box CSS에 덮어쓰게 되고, 추후 Alert Box 업데이트로 인해 설정해 둔 CSS가 깨질 수도 있는 점 참고 부탁드립니다!
  목차

 트윕 알림창 커스텀 CSS 입력하는 곳

[ 트윕 대시보드 → 알림창 → 기본 설정 → 커스텀 CSS ] 입력창에 준비한 커스텀 CSS 코드 입력

 트윕 채팅 위젯 커스텀 CSS 입력하는 곳

[ 트윕 대시보드 → 위젯 → 채팅창 → Chat Box 설정 ]에서 커스텀 CSS 클릭 후 입력창에 준비한 커스텀 CSS 코드 입력
트윕에서 제공하는 스킨을 조금 변형해서 사용하고 싶을 경우
1.
입력창 하단의 드롭박스에서 스킨을 선택
2.
붙여넣기 클릭
3.
변경할 코드 내용 적용
모든 설정을 정리한 이후 제일 아래에 ‘설정하기' 버튼을 꼭 눌러주세요!

 저는 커스텀 CSS를 만들수 있는 능력자가 아닌데 어떡하죠?

하는 분들을 위해 준비한 아래 페이지를 확인해보세요!!
여러분의 슬기로운 방송생활을 돕는 꿀팁 가득한 방송천재! 다른 정보도 궁금하다면, 다른 글도 읽어보러 가기
기능 설정에 어려움을 느끼시는 분들께서는 주저하지 말고 언제든지 트윕 고객센터로 문의해주세요