AD

 CIFT 트게더를 위한 CSS 정보 : 애플리케이션 관련 설정

Broadcaster 소낙눈
2023-06-17 01:55:18 133 1 0

해당 설정은 트게더 앱 서비스가 종료됨에 따라 삭제되었습니다.


도입 #0 : 들어가기

트게더 애플리케이션과 관련된 설정을 알아보겠습니다.


간혹 트게더 앱에 표시되는 이미지나 정보를 변경하는 방법을 CSS에서 찾으시는 분들이 있습니다.

애플리케이션 관련 설정은 별도로 떨어져 있습니다.


모든 설정은 스트리머 게시판 → 하단 '설정' 버튼 → '모바일 앱 설정' 탭에서 가능합니다.


d4a9683c62c7cc1359ed2231a932ec82.png


설정 #1 : 커버 이미지

커버 이미지는 트게더 앱의 스트리머 게시판 내에서 상단 배너(배경)으로 사용됩니다.

또한 해당 배너(스트리머 정보)를 클릭할 경우 나타나는 '프로필 카드'에서 배경으로 나타납니다.


d04006474bdafae752009352ded0b000.png


#1-1 : 커버 이미지 제작과 사담

공식 가이드라인에서 커버 이미지의 크기는 375x168px입니다.

하지만 이를 따를 경우 애플리케이션에서 이미지의 품질이 좋지 않더라구요.


테스트해 본 결과 너비와 높이를 2배씩 늘린 750x336px도 문제 없이 적용되었습니다.

저는 해당 크기로 사용 중입니다.



설정 #2 : 링크

해당 설정을 변경하면 위에서 설명한 '프로필 카드'에 해당 링크에 대응되는 버튼이 만들어집니다.


트위치와 트윕은 자동 설정되므로 변경할 수 있는 링크는 '유튜브' 뿐입니다.

본인의 채널 URL을 확인하신 뒤 필요한 부분만 똑 떼어 설정 페이지에 삽입하시면 됩니다.



설정 #3 : 대표 색상

대표 색상은 트게더 앱의 스트리머 게시판 내에서 상단 배너가 스크롤로 인해 압축되었을 때 대신 나타납니다.


10cc3b2371481ecfe1c63022dfb2ad26.jpg


이 외에 별도로 기술되지 않은 사용처가 하나 더 있는데요,

트게더 모바일 웹에서 주소 표시줄이나 노치 등의 색상으로 사용되는 meta 태그 내 〈theme-color〉의 값으로 사용됩니다.


3c640657e241741f1c8e635c24c32ee9.jpg



#4 : 여담

이 글을 올리는 시점에서 해당 정보의 수요가 있을지는 모르겠습니다.

심지어 iOS 앱은 도네이션 기능조차 도입되지 않은 걸 보면... 아직 앱은 갈 길이 멀어 보입니다.

후원댓글 0
댓글 0개  
이전 댓글 더 보기
이 글에 댓글을 달 권한이 없습니다. 로그인해 보세요.
 피드 CSS 트:제로 CIFT CXFT CTFT 그래픽 자유 질문 저장소
0
10-05
0
 저장소
임시 저장 [2]
Broadcaster 소낙눈
09-09
4
08-11
0
08-09
0
 저장소
문서 공통 틀
Broadcaster 소낙눈
08-08
0
 저장소
메모장 4 [7]
Broadcaster 소낙눈
08-07
0
 저장소
메모장 3
Broadcaster 소낙눈
07-31
0
 저장소
메모장 2
Broadcaster 소낙눈
07-21
0
 질문
안녕하세요, 트게더입니다! [4]
Staff 트게더이벤트
06-02
인기글 글 쓰기