트게더 게시판을 브이님 취향에 맞게 커스터마이징 할 수 있어요
저도 원리를 잘 모르지만 검색해서 주운 링크들로 최대한 잘 설명해보도록 노력하겠습니다 ㅋㅋ
[ 0. 참고 게시글 ]
위 링크에 올라온 것을 중심으로 나름 공부(?) 연구(?) 해봤는데
직접 트게더에 적용해볼 수 있는 기회가 없어서
저도 틀릴 수 있다는 점 미리 양해 부탁드려요~
[ 1. 커스터마이징 위한 css ]
https://jsfiddle.net/intelyshoen/v08z9y53/
위 링크에 들어가시면 아래 같은 창이 뜰거에요
총 4개의 영역으로 분할된 부분 중에 오른쪽 아래 빨간 네모로 표시된 부분에 있는 컬러 코드 바꿔서 트게더 게시판의 색상을 바꿀 수 있습니다
#과 알파벳, 숫자로 이뤄진 컬러 코드를 바꾸면 입력창의 배경색이 해당 컬러 코드의 색상으로 자동으로 바뀌어서
미리 어떤 색이 적용될지 볼 수 있어요
[ 2. 컬러 코드를 이용한 색 바꾸기 ]
색은 html의 컬러코드를 사용해서 바꾸실 수 있는데 원하는 색의 컬러코드는 아래 링크들에서 알 수 있어요
https://html-color-codes.info/Korean/
위 링크에서 원하는 색상의 컬러 코드를 알아낼 수 있어요
<HTML 컬러 차트>에서 원하는 색을 클릭하시면 아래에 해당 색깔의 컬러 코드가 나오구요
조금 더 아래로 내려가면 있는 <HTML 컬리 픽커> 를 이용하면 더 디테일한 색상의 컬러 코드를 알 수 있어요
https://www.webdesignrankings.com/resources/lolcolors/
이 링크에는 색상의 조합이 있으니 테스트해보시거나 맘에 드는 생상 조합이 있으면 쓰시면 될 것 같아요
원하는 색상 위에 마우스 커서를 올리면 해당 색의 컬러 코드나 나옵니다
[ 3. 1번 링크의 컬러코드 수정에 따른 트게더 적용 모습 ]
1번 링크에 빨간 네모로 표시해드린 부분 각각의 의미와 그 수정에 따른 트게더의 변화 모습을 간단히 정리하자면
0. 로고
오리지널 로고 사용 여부를 체크하면 현재 트게더 왼쪽 위에 보이는 보라색 글씨의 '트게더'라고 된 것을 그대로 사용하는 게 되구요
체크를 해제하면 변환 예에서 보이는 '서게더' 부분처럼 직접 만든 이미지를 해당 부분에 대신 넣을 수 있어요
1. gradientStartColor & 2. gradientEndColor
<링크> 부분의 1,2번에 해당되는 색을 바꾸면 <변환 예>에서 표시된 바탕부분의 색깔이 바껴요
1번은 그라데이션의 시작(상단 부분) 컬러, 2번은 그라데이션의 마지막(하단 부분) 컬러입니다
3. 기타
나머지 firstColor와 Second Color 등은 추천 수를 표시하는 부분 등 게시판의 여러 색깔을 변환하는 것 같은데
직접 변환해볼 수가 없어서 정확히 어느 부분을 바꾸게 됐는지 알 수가 없어서 직접 해보시면서 알아가시면 좋을 듯하네요
그리고 <링크> 부분을 아래로 내리면 모바일 부분도 따로 나오는데
그건 firstColor와 secondColor를 위에 있는 것과 똑같은 것으로 통일하시면 될 것 같아요
마지막으로 <링크>의 맨 아래 빨간 네모로 표시된 Copy DeskTopVeiw Code를 누르신 후
브이님의 트게더 수정하는 부분에 붙여넣기 하시면 지정하신 색상으로 트게더가 색상도 변하면 완성!
<링크>
<트게더 변환 예>
나름대로 최대한 쉽게 설명해보려고 노력했는데 제가 css나 html을 몰라서 제대로 된 설명인지도 모르겠네요
이외에도 다양한 것들을 바꿀 수 있다는 것을 찾을 수 있었으나 이정도만으로도 어렵다고 하실 것 같아서 생략 ㅋㅋ
아마 복잡하다고 안 하실 것 같은 이상한 확신이 들지만 혹시나 해서 올려봐요 ㅋㅋ
그럼 앞으로 가오나시.. 아니 이브이님 방송의 번창을 기원합니다
이브이292 
호굴이