AD

프로그램 트게더 게시판에서 특정 아이콘 가리기

잉게더
2018-12-10 05:30:37 12172 11 6

스트리머가 설정가능한 게시판 전체 세팅과 개인 사용자가 사용할 수 있는 방법 2가지 입니다.


기본 원리

- 특정 이미지를 숨기는 css 를 작성해 적용해봅시다.


1) 가릴 이미지를 찾아서 우클릭

6cd0de2fc84f91a7265668efe24eda30.png


2) 이미지 주소를 복사합니다.2620ec91b8df53a6756e6fc77caaf730.png


3) css를 작성합니다.

img[src="여기"] 

{

    opacity: 0;

}

에서 '여기'에 해당하는 부분에 주소를 넣어줍니다.

예시)

img[src="https://static-cdn.jtvnw.net/badges/v1/1a93b37b-5ea1-4f65-83f7-a3d11687ea51/1"] {

    opacity: 0;

}


4) 스트리머 게시판 설정에서 작성한 css를 넣어주면 됩니다.


5) 개인 사용자를 위한 세팅(크롬기준)

크롬 확장 프로그램을 이용합니다.

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

설치 후 크롬 우측 상단에 보면, c0222d4555cf7971da2ad182f6993532.png

요런 아이콘이 있습니다. 누르시면 

8fdd8c96b420995f517aa020f15029b1.png

Add New 를 누르면 새 창이 뜹니다.

좌측 상단 Setting 오른쪽에 주소창이 있는데, 적용할 곳을 정합니다.

트게더 전체에서 사용하려면 tgd.kr, 특정 스트리머 게시판에서만 사용하려면

tgd.kr/스트리머아이디

이런 식으로 사용하시면 됩니다.

9c9659b6eed158ae1197f7e8afc02d59.png


그리고 작성한 css를 오른쪽 칸에 넣어주시고, 노란색 버튼으로 저장해주시면 됩니다.


6) 실습

제가 예시로 만들어둔 코드로 적용해보시면, 아래처럼 제 아이콘이 사라질것입니다.

874a1ad45975b89700d5b61ec858ed80.png


7) 응용

중괄호 내에 다른 코드를 넣을 수도 있습니다.

간단하게 opacity:0.5; 를 사용하면,

50%의 투명도 이미지가 나타나게됩니다.


8. 한계

덧, css 전문가가 아니라 이 방법이 최고의 방법이 아닐 수 있습니다.

후원댓글 6
댓글 6개  
이전 댓글 더 보기
이 글에 댓글을 달 권한이 없습니다. 로그인해 보세요.
AD
방송하기프로그램채팅/봇업데이트
26
방송하기
건강하게 방송하기 [11]
이즈좀믿어줘
12-12
4
12-10
»
12-10
15
12-08
20
12-08
56
12-06
1
방송하기
amd 신규 라인업 관련 루머 [11]
어멈아국이짜다
12-05
4
방송하기
HD60 PRO 특가 세일하네요...! [2]
떡갈나무
12-03
11
12-02
4
방송하기
AMD 군 전역자 대상 할인행사 [5]
어멈아국이짜다
12-02
1
프로그램
c922 후기? [6]
다이소짱이당
11-27
33
방송하기
하꼬 방송인들은 이렇게 해보시는것이 어떠신가요 [18]
해살요정해요입니다
11-23
4
11-23
8
방송하기
(마이크추천) Samson G-Track Pro  [6]
토순아
11-22
인기글 글 쓰기