방송TIP 0

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

기본 원리

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

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

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

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

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

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

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

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

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

tgd.kr/스트리머아이디

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

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

6) 실습

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

7) 응용

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

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

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

8. 한계

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