안녕하세요. 이번 포스팅에서도 북클럽 스킨 편집을 이어서 해보겠습니다. 지난 포스팅에서는 사이드바 영역의 폭을 조절했는데 사이드바 구분선이 겹치는 문제가 있었습니다. 이번 포스팅에서는 붉은색 테두리 안에 있는 겹쳐지는 사이드바 구분선을 삭제해보겠습니다. CSS를 수정해야 하므로 HTML 편집기를 열어줍니다. 전체적인 레이아웃에 속하는 속성이므로 “#4. Layout Selector” 영역에 CSS 코드가 숨어있습니다. Ctrl+F(맥 cmd+f) 를 눌러 #container .content-wrap:before 를 검색합니다. 319행부터 329행까지가 포스팅 영역 - 사이드바 구분선을 구성하는 코드들입니다. 이 영역에 있는 코드들을 모두 삭제하거나 비활성화 시키면 구분선이 사라지게 됩니다. 모두 삭제하..

안녕하세요. 이번 포스팅에서도 계속해서 북클럽 스킨 편집을 해보겠습니다. 지난 포스팅에서는 포스팅 영역의 폭을 수정하였는데 이번에는 사이드바 영역의 폭을 조절해보겠습니다. 위 그림의 붉은색 테두리 영역이 수정할 영역입니다. 이번에도 CSS를 수정해야 하므로 HTML 편집기를 열어줍니다. 포스팅 영역과 동일하게 “#4. Layout Selector” 영역에 CSS 코드가 숨어있습니다. Ctrl+F(맥 cmd+f) 를 눌러 #aside { 를 검색합니다. 포스팅 영역과 마찬가지로 사이드바의 폭은 % 비율로 맞춰져 있습니다. 개인적으로 추천드리는 사이드바 폭은 300px입니다. 그럼 전체 영역에서 300px는 얼마의 비율인지 계산해보면 300px / 1080px = 27.777777777777778% 입니다...

안녕하세요. 이번 시간에도 계속해서 북클럽 스킨 편집을 해보겠습니다. 지난 포스팅까지는 블로그 메인 화면의 상단 여백을 조절하였고, 이번에는 포스팅 영역의 폭을 수정해보겠습니다. PC 화면 가로폭 1080px를 기준으로 붉은 테두리 영역의 최대 폭을 728px로 조절하려고 합니다. 티스토리 북클럽 스킨은 기본적으로 블로그 영역(포스팅+사이드바)의 최대 폭이 1080px로 지정되어 있습니다. 포스팅 영역은 너무 크지도 작지도 않아야 하는데 저는 728px 정도가 글 쓸 때나 보기에도 좋아서 728px를 선호합니다. 이번에도 HTML 편집기를 활용하여 CSS 코드를 수정해야 합니다. 지난 시간에 이어 이번에도 해당 부분은 레이아웃에 해당되는 영역이라 “#4. Layout Selector” 영역에 CSS 코드..

안녕하세요. 지난 포스팅에 이어 북클럽 스킨 편집을 계속해서 해보겠습니다. 이번 포스팅에서는 상단 여백을 조정해보겠습니다. 지난 시간에는 상단 메뉴를 비활성화 시켰습니다. 메뉴를 삭제하고 보니 블로그 제목과 전체 글 문구 사이의 간격이 너무 넓은 것 같습니다. 부분의 CSS 코드를 수정해서 간격을 좁혀보겠습니다. 티스토리 HTML 편집기에서 CSS 탭을 선택합니다. 해당 부분은 레이아웃에 해당되는 영역이라 “#4. Layout Selector” 영역에 CSS 코드가 숨어있습니다. Ctrl+F(맥 cmd+f) 를 눌러 #content { 를 검색합니다. 제일 처음으로 나오는 337행의 content 영역을 수정해야 간격이 줄어듭니다. content 영역에서는 전체 화면에서 차지하는 포스팅 영역의 비율도 조..

안녕하세요. 티스토리 블로그 스킨들 중에서 사이드바가 있는 스킨은 북클럽이 제일 깔끔한 것 같습니다. 깔끔하기는 하지만 조금씩 맘에 안 드는 부분들도 있어서 전체적으로 스킨 수정을 해보려고 합니다. HTML, CSS 언어가 결코 쉽지는 않지만 하나씩 수정하다 보면 어느 정도 감이 잡힙니다 ^^; 스킨 수정도 하고 HTML, CSS 공부도 하고 일석이조입니다 ㅎㅎ 그럼 북클럽 스킨 편집 시작하겠습니다. 먼저 블로그 메인 페이지의 상단 메뉴 홈, 태그, 방명록을 삭제해보겠습니다. 방법 1. 티스토리 꾸미기 도구 활용 티스토리 관리창으로 들어가셔서 왼쪽 메뉴바에서 꾸미기-메뉴를 클릭합니다. 블로그 상단 메뉴를 관리할 수 있는 화면이 보입니다. 여기서 홈, 태그, 방명록을 모두 삭제합니다. (메뉴 위에 커서를 ..