☝️이건 꼭 알고가자
home
TTS WIKI
home

커스텀 CSS 자동 생성기로 트게더 꾸미기

태그
트게더
게시판
CSS
업데이트
2022/06/03
2 more properties
트게더 게시판 게시판을 만들었는데 CSS를 어떻게 사용하는건지 모르겠어요 ㅜㅜ

트게더의 가장 매력적인 특징 중 하나인 게시판 커스텀 디자인!

하지만 게시판을 꾸미기 위해서는 CSS라는 걸 어느정도 이해하고 사용할 줄 알아야해요
근데 이 CSS를 처음부터 설명하기에는, 처음 접하시는 분들에게는 어렵게 느껴질 수 있는 부분이 많아 이 내용을 도대체 어떻게 소개를 해드려야 하나 고민했는데 트게더 TIP 게시판에 마침 너무나 알찬 게시물이 올라온 거 아니겠어요?
바로 트게더 유저 황천의쩌리맨 님께서 제작하신 트게더 커스텀 CSS 자동 생성기를 소개합니다! 생성기의 업데이트 내용은 제작자님께서 트게더 TIP 게시판에 꾸준히 남겨주고 있으시답니다
아직 게시판이 없는 분들은 트게더 게시판 만드는 방법 먼저 읽고오기!
  목차

 페이지 소개

트게더 CSS 커스텀 생성기(이하 CSS 생성기) 페이지에 처음 들어가면 보이는 화면입니다

  스타일 선택

화면 상단의 ‘스타일 선택'에서 꾸미기를 하고싶은 화면을 선택할 수 있습니다.

  예시 화면

꾸미기를 설정했을 때 어떻게 보이는 지 미리보기를 할 수 있습니다.

  CSS 코드

내 트게더 설정에 붙여넣을 CSS 코드를 복사할 수 있습니다.

  설정

로고나 트게더 게시판에 적용될 색상 또는 이미지, 폰트 등을 설정하는 곳입니다.
설정 완료 후 아래의 ‘설정 미리 보기’를 클릭해 ‘예시 화면'에서 미리보기할 수 있습니다.
꾸미기가 완료되면 ‘코드 복사'를 클릭해 CSS 코드를 전체 복사할 수 있습니다.

 자세한 설정 설명

각 설정 항목을 변경했을 때 어느 부분이 변경되는 지 알려드릴게요.

  로고 링크

이미지의 주소를 입력하면 트게더 로고가 변경됩니다.

  폰트 설정

내 게시판에서 사용되는 폰트를 변경할 수 있습니다.
지원하는 폰트는 폰트 설정의 드롭박스를 눌러 확인해보세요!

  메인 색상 코드

트게더에서 메인 색상으로 사용하고 있는 보라색 컬러가 지정 색상으로 변경됩니다.

  배경

트게더 게시판 배경을 두 가지 타입 중 선택해 변경할 수 있습니다.
배경색 사용 단색 색상 사용
배경 이미지 사용 배경으로 사용할 이미지 URL 입력

  컨텐츠 배경

게시판의 컨텐츠가 표시되는 부분의 배경을 두 가지 타입중 선택해 변경할 수 있습니다.

  리스트 설정

리스트 배경 : 게시판 목록의 배경 색상을 정합니다.
(좌) 글색 : 게시판 목록의 게시물 제목 색상을 정합니다.
배경 : 특정 게시물에 마우스 올렸을 때 하이라이트 되는 색상을 정합니다.
(우) 글색 : 특정 게시물에 마우스 올렸을 때 하이라이트되는 게시물 제목 색상을 정합니다.

 또 다른 설정을 더 변경하고 싶다면?

CSS 생성기에서 복사한 코드 내용 중 더 수정하고 싶은 부분이 있다면 클릭해 참고해주세요
둥글게 된 모서리들을 각지게 or 덜 둥글게 만들고 싶어요
‘메인 색상 코드'로 통일하는 게 아닌, 특정 부분은 다른 색깔을 쓰고 싶어요
CSS 생성기에서 제공하는 폰트 외에 다른 폰트를 쓰고싶어요
바꾸고싶은 부분의 소스를 못찾겠어요 ㅠㅠ
색상코드를 얻는 방법을 몰라요
‘나는 CSS를 어느정도 쓸 줄 알아!’ 하는 분들을 위해 준비한 트게더 CSS 응용 모음집 보러가기
트게더 이용과 관련해 궁금하신 점이 있다면 언제든지 고객센터로 문의해주세요