스트리머가 설정가능한 게시판 전체 세팅과 개인 사용자가 사용할 수 있는 방법 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 전문가가 아니라 이 방법이 최고의 방법이 아닐 수 있습니다.
댓글 6개 ▼