
안녕하세요. 이전 포스팅에서 Letter 스킨 메인 화면의 전체 글 문구의 여백을 조절하였습니다. 이번 포스팅에서는 전체 글 문구의 폰트 크기를 주변 폰트들에 맞게 조절하여 보겠습니다. 폰트 크기를 조절하려는 이유는, 위의 그림처럼 전체 글 폰트의 크기가 너무 커 포스팅 제목이나 내용보다 전체 글 문구가 더 부각되는 것 같기 때문입니다. 이번에도 마찬가지로 크롬 브라우저의 개발자 도구를 실행시키고, 선택 도구를 클릭합니다. 선택 도구를 사용하여 3군데의 폰트 사이즈를 알아봅니다. 첫 번째는 블로그 제목, 두 번째는 전체 글, 세 번째는 포스팅 제목의 폰트 크기를 알아봐야 합니다. 각각의 영역을 마우스로 선택하여보면 위의 그림들처럼 폰트 사이즈를 알아볼 수 있습니다. 각각의 폰트 크기를 보면 블로그 제목이..

안녕하세요. 앞선 포스팅에서는 Letter 스킨의 블로그 제목 여백을 조정해보았습니다. 이번 포스팅에서는 메인 페이지의 전체 글 문구의 여백을 편집해보겠습니다. 먼저 크롬 브라우저로 티스토리 블로그 메인 페이지에 접속합니다. 위의 그림처럼 지난 포스팅에서 편집했던 블로그 제목 영역이 줄어든 상태이고, 이번 포스팅에서 편집할 부분은 전체 글 문구 주위 여백입니다. 지난번과 마찬가지로 크롬 브라우저에서 개발자 도구를 실행시킵니다. 그리고 화살표 모양의 선택 도구를 클릭하여 전체 글 부분을 마우스로 클릭합니다. 전체 글 문구를 선택하게 되면 개발자 도구 HTML 창에 왼쪽 그림과 같이 표시가 됩니다. 이 부분이 선택되어 있는데 오른쪽 그림처럼 마우스로 한 행 위의 부분을 선택합니다. 이제 개발자 도구의 CSS..

안녕하세요. 티스토리에서 제공되는 스킨들은 모두 깔끔한 레이아웃을 가지고 있지만, 사용하다 보면 하나 둘 수정하고 싶은 부분이 생기게 됩니다. Letter 스킨도 직관적인 레이아웃으로 깔끔하지만 여백이나 다른 부분들을 수정하면 더욱더 깔끔한 화면을 만나볼 수 있습니다. 이번 포스팅에서는 티스토리 Letter 스킨의 상단 부분의 여백을 조정해보겠습니다. 위의 그림과 같이 스킨 메인 화면에서 상단에 위치한 블로그 제목, 전체 글의 상/하 여백이 너무 넓어 보입니다. 포스팅 제목에 더 집중할 수 있도록 상단 부분의 여백을 줄여보겠습니다. 이번 포스팅에서는 두 영역 중 먼저 블로그 제목의 높이 영역을 줄여보겠습니다. 먼저 크롬 브라우저로 블로그에 접속합니다. 그런 다음 단축키 맥:F12, 윈도우:컨트롤+시프트+..