AD

프로그램 핫클립 커스텀 레이아웃 CSS

Funzinnu
2020-09-18 20:45:00 6574 18 6

fdaa955c1f0a82781e6de3a5ded8d0ff.png


기존






b9b7f27c5ba4f7c841d1f1f640eed9b5.png


적용

body{background:#eee;} .SPzJW{margin-top:6px;background:#fff;margin-top:0} .wQiot{display:none;} .dKKalR{margin-top:0;} .bEkcTN{min-height:200px;} .iXspmm{margin:5px;} .kLqvba .clip-title{-webkit-line-clamp:1;max-height:15px;margin-top:5px;} .kLqvba .category-title{font-size:11px;float:right;margin:-20px 5px;opacity:.8;} .kLqvba .streamer-tag{opacity:.8;}


2e5b94c00fbc49e9448de7eaff78d859.png


다크 버전 적용

body{background:#222;} .SPzJW{margin-top:6px;background:#fff;margin-top:0} .iKkWKj{background-color:unset;} .wQiot{display:none;} .dKKalR{margin-top:0;color:#ccc;} .bEkcTN{min-height:200px;} .iXspmm{margin:5px;} .kLqvba .clip-title{-webkit-line-clamp:1;max-height:15px;margin-top:5px;color:#fff;font-weight:500;} .kLqvba .category-title{font-size:11px;float:right;margin:-20px 5px;opacity:.5;color:#fff;} .kLqvba .streamer-tag{opacity:.5;color:#fff;}



CSS 인젝션 확장프로그램 설치하시고 해당 CSS 입력하시면 됩니다.

크롬 : https://chrome.google.com/webstore/detail/user-javascript-and-css/nbhcbdghjpllgmfilhnhkllmkecfmpld




개인적으로 너무 보기 불편해서 커스텀으로 고쳐본 레이아웃입니다.

중간중간 끼여있는 게임 카테고리 섹션을 제거해주며, 폰트크기와 여백을 조금씩 조정했습니다.

후원댓글 6
댓글 6개  
이전 댓글 더 보기
이 글에 댓글을 달 권한이 없습니다. 로그인해 보세요.
AD
▲윗글 NVIDIA BROADCAST 앱이 나왔습니다 아는척하는_로젠케이
방송하기프로그램채팅/봇업데이트
11
프로그램
방송의 기본:ASIO [16]
상어밥__
10-07
23
프로그램
APPLE AAC인코더로 OBS 음질향상 [39]
레퍼런스
10-06
15
프로그램
OBS Studio 26.0 정식배포 [6]
숭숭군
10-05
22
10-04
40
10-03
10
업데이트
NVIDIA GeForce Hotfix v456.71 Driver [5]
로즈우
10-02
6
프로그램
Multistreaming-Assist 툴 업데이트 [4]
구닥다리_티비
10-01
16
10-01
14
프로그램
지금 베가스15가 무료입니다. [4]
도박치료1336
09-24
21
09-23
14
방송하기
리스트림 4시간 이슈 이후 2달 [9]
캄파놀로
09-19
19
프로그램
NVIDIA BROADCAST 앱이 나왔습니다 [8]
아는척하는_로젠케이
09-18
»
프로그램
핫클립 커스텀 레이아웃 CSS [6]
Funzinnu
09-18
15
09-17
19
09-16
7
프로그램
OBS 방송을 다른 PC의 OBS 미디어 소스로 받아보기 [5]
아는척하는_로젠케이
09-12
22
프로그램
방송의 기본:인코더 [24]
상어밥__
09-11
24
프로그램
[교주님이 알려주는] 추천 OBS STUDIO 플러그인! [8]
모두의_교주_시트벨리
09-09
인기글 글 쓰기