티스토리 북클럽스킨14 티스토리 북클럽 스킨 본문 너비를 좀 더 넓게 수정 PC화면 본문 상단 여백을 좀 더 넓게 수정하기 #content { float: left; width: 68%; padding: 72px 0 60px; box-sizing: border-box;} width: 68% → 73% 로 수정 2024. 7. 16. 티스토리 북클럽스킨 H1 수정하기 티스토리 북클럽 스킨에서 H1이 한개가 아닌 여러개로 태그가 보입니다. h1 변경하기 h1> a href=""> s_if_var_logo> img src="" alt=""> s_if_var_logo> s_not_var_logo> s_not_var_logo> a> h1> → 로 변경 → 로 변경 div class="blog-header"> a href=""> s_if_var_logo> img src="" alt=""> s_if_var_logo> s_not_var_logo> .. 2024. 7. 16. 티스토리 북클럽 스킨 본문 상단 여백 줄이기 티스토리 북클럽 스킨에서 본문과 상단 여백을 줄이는 방법에 대해서 알아보겠습니다. 스킨편집 > html 편집 > CSS에서 #tt-body-page #container { padding-top: 339px;} padding-top 값을 줄여줍니다. 250px로 설정해보고 조절합니다. 2024. 7. 16. 티스토리 북클럽 스킨 피드 여백 조절하기 블로그 제목과 본문 사이의 여백을 줄이고자 하는 방법에 대해 알아보겠습니다. 스킨편집 > html 편집 > CSS에서 #content 를 검색합니다. #content { float: left; width: 68.518518518518519%; padding: 72px 0 60px; box-sizing: border-box;} padding: 72px → 30px로 수정 사이드바 상단 여백도 수정해줍니다.#aside { float: right; width: 21.296296296296296%; padding: 75px 0 32px; box-sizing: border-box;} padding: 75px → 30px로 수정 적용을 누르고 확인해보면 여백이 줄어져 있습니다. 2024. 7. 16. 티스토리 북클럽 스킨 썸네일 이미지 사이즈 1:1로 바꾸기 티스토리 북클럽 스킨에서 글목록에 이미지는 북사이즈에 맞춰져 있기 때문에 썸네일을 1:1로 만들었다면 짤려 보일 수 있습니다. 이 썸네일 이미지를 1:1로 변경하는 방법에 대해 알아보겠습니다. 스킨편집 > html편집 > html 에서 아래와 같이 편집합니다. s_article_rep_thumbnail> img src="//i1.daumcdn.net/thumb/C230x300/?fname=" alt=""> s_article_rep_thumbnail> C230x300 이 부분이 이미지 사이즈 입니다. 원하는 사이즈로 변경해줍니다. → C250x250 썸네일 사이즈는 좀 더 키우거나 좀 더 줄이는 등 보기 편한 사이즈 등으로 변경해 주면 됩니다. 2024. 7. 16. 티스토리 블로그 제목 글꼴 변경하기 로고 글꼴이 맘에 안든다면 웹폰트로 원하는 글꼴로 변경해 봅시다. 맹숭한 재미없는 로고 글자를 좀더 굵고 디자인 스러운 폰트로 바꿔줘 봅니다. 눈누 웹포트에서 원하는 폰트를 찾습니다.https://noonnu.cc/ 눈누상업용 무료한글폰트 사이트noonnu.cc 여러가지 폰트 중에 굵고 눈에 확 띄는 더잠실체를 적용해보겠습니다. 폰트는 취향껏 선택하면 됩니다만. 로고 형태는 역시 눈에 팍 띄는 게 좋은 것 같습니다. 더잠실체를 선택하고 들어가면 폰트 미리보기를 통해 다양한 굵기를 미리 확인하고 웹폰트로 사용하려면 아래의 코드를 복사해서 css에 넣어줍니다. 로고에 웹폰트 적용하기 CSS에서 header h1를 검색해서 아래 처럼 수정하기 #header h1 { padding: 23px 0; .. 2024. 7. 16. 이전 1 2 3 다음
