AD

프로그램 Twip Slim Alert Box CSS 개선판

레카키드
2020-03-13 19:51:49 18561 18 19

새 버전이 나왔습니다.

https://tgd.kr/g/tip/48726077


작년 9월 쯤에 올린 녀석인데

사이즈 조절이 어렵다는 얘기에

까먹고 지내다가 갑자기 생각나서 올립니다.


아래의 이미지는 적용 예시이고 GIF입니다.



CSS 내용은 아래 주소를 참고해주세요

https://github.com/lekakid/TwipSlimAlert/blob/master/style.css 


적용방법입니다.

21505f59b2e4e71679f7d2c93fcc1b7e.png

트윕 대시 보드에서 Alert Box에 들어갑니다.

커스텀 CSS란 안에 전부 복사해 넣습니다.

상단의 배경 색상 부분을 클릭하면 하단에서 설정 저장버튼이 올라옵니다.

이를 눌러 저장합니다.


d6e91053ab9864d00e29b1be24616635.png

모든 유형의 알람 레이아웃과 후원 효과를 위처럼 설정합니다.

후원 효과 부분을 Fade 계통으로 설정하셔도 괜찮아보입니다.

자연스러운 연출이 될 수 있는 애니메이션을 선택하시면 됩니다.


글씨 크기도 적당히 조절하면서 확인바랍니다.

1280*720 (720p) 송출 환경 기준으로

알림 문구의 크기는 24px, 코멘트 글자의 크기는 20px이 좋아보였습니다.


950ed1e1224ca11f80cb1d80740af029.pngb400397b4dbb819dbbe44994ab7610f1.png
OBSXSplit


가로 길이는 가득차게, 세로길이는 절반으로 지정바랍니다.

  • 720p : 1280 * 360
  • 1080p : 1920 * 540

XSplit은 레이아웃 탭에서도 사이즈를 맞춰주세요


영상도네의 기본 크기가 크다고 생각하시면 세로길이를 좀 더 짧게 잡으시면 됩니다.

적용이 끝나면 알람 테스트로 몇 번 사용해보시면 되겠습니다.

후원댓글 19
댓글 19개  
이전 댓글 더 보기
이 글에 댓글을 달 권한이 없습니다. 로그인해 보세요.
AD
방송하기프로그램채팅/봇업데이트
20
03-25
5
프로그램
nginx 툴 업데이트. [8]
베리머취래빗
03-23
14
프로그램
nginx 멀티스트리밍 어시스트 툴 [19]
구닥다리_티비
03-20
15
프로그램
OBS Studio 25.0.1 업데이트 [9]
PowerNao
03-18
23
03-13
»
프로그램
Twip Slim Alert Box CSS 개선판 [19]
레카키드
03-13
49
03-09
15
프로그램
Windows 10 업데이트 KB4535996 삭제하기 [2]
distilledliquor
03-04
12
03-03
8
프로그램
에픽게임즈 무료게임 2월 후반 배포게임 [1]
어멈아국이짜다
02-18
11
프로그램
[윈도우10] 업데이트 kb4524244제거 권고 [4]
앞니콘アープニコーン
02-17
23
01-31
21
프로그램
간단한 업카운트 타이머 [9]
베리머취래빗
01-18
8
프로그램
에픽게임즈 무료게임 12월 20일까지 [5]
어멈아국이짜다
12-15
8
12-14
22
프로그램
스마트폰을 캠으로 활용하기 [12]
다형하기
11-06
4
프로그램
X split 실행됩니다 [1]
tmxkwldpfm
11-01
2
프로그램
엑스플릿] 로그인 관련 공지 [3]
BurnoutFighter
11-01
42
프로그램
채팅 읽어주는 로봇 업데이트 [33]
라스트오더
10-20
인기글 글 쓰기