AD

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

Funzinnu
2020-09-18 20:45:00 6583 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 앱이 나왔습니다 아는척하는_로젠케이
방송하기프로그램채팅/봇업데이트
5
프로그램
AIDA64 Extreme 무료-종료 [5]
hayanggom
01-30
13
12-13
8
프로그램
Multistreaming-Assist 툴 업데이트 [6]
구닥다리_티비
12-11
39
프로그램
Twip Slim Alert Box 2.0 [5]
레카키드
12-08
11
12-03
9
프로그램
유캠 3만원 할인중이네요 [11]
검비_
10-29
8
10-12
6
10-08
11
프로그램
방송의 기본:ASIO [16]
상어밥__
10-07
23
프로그램
APPLE AAC인코더로 OBS 음질향상 [39]
레퍼런스
10-06
15
프로그램
OBS Studio 26.0 정식배포 [6]
숭숭군
10-05
6
프로그램
Multistreaming-Assist 툴 업데이트 [4]
구닥다리_티비
10-01
14
프로그램
지금 베가스15가 무료입니다. [4]
도박치료1336
09-24
19
프로그램
NVIDIA BROADCAST 앱이 나왔습니다 [8]
아는척하는_로젠케이
09-18
»
프로그램
핫클립 커스텀 레이아웃 CSS [6]
Funzinnu
09-18
7
프로그램
OBS 방송을 다른 PC의 OBS 미디어 소스로 받아보기 [5]
아는척하는_로젠케이
09-12
인기글 글 쓰기