본문 바로가기

티스토리 스킨

티스토리 블로그 카테고리 펼치기 티스토리 블로그를 개설하고 Life in Mono 스킨을 적용하고 나서 확인해보면 카테고리가 닫혀져 있는 상태입니다. 티스토리의 기본설정이 카테고리가 접힌 형태더군요. 방문자들에게 카테고리 구조를 쉽게 알려주기 위해 관라자 페이지에서 수정할 부분을 찾아봤지만, 이와 관련된 설정을 찾을 수 없었습니다. 알아보니 티스토리는 HTML 수정을 통해 카테고리를 항상 펼침 상태로 설정할 수 있습니다. 변경 전(접힌 카테고리) ➔ 변경 후(펼친 카테고리) ♦ HTML/CSS 편집먼저 관리자 페이지에서 [꾸미기]➔[스킨]➔[HTML/CSS 편집]으로 가서 Skin.html 부분에서 Ctrl+F로 카테고리에 해당하는 '##_category_##'을 찾습니다. 다음 그 아래에 다음의 스크립트를 추가하시면 됩니다. (주석부.. 더보기
티스토리 블로그 스킨 수정 - 표나 박스의 배경색 변경 티스토리 에디터로 작성하지 않은 외부 라이터에서 쓰인 표나 박스를 삽입할 경우 Life in Mone 스킨에서는 자동으로 회색의 배경색이 채워집니다. 간혹 표를 삽입하거나 애드센스와 같은 광고를 삽입할 경우 광고 이외의 빈 여백에는 이렇게 자동으로 회색으로 채워지게 됩니다. 별거 아닌 것 같지만 때에 따라 거슬리게 되는 부분인지라 이번 포스팅 에서는 본문 내 표나 박스내부의 배경색을 원하는 색상으로 변경하는 방법에 대해서 살펴봤습니다. 표나 박스의 배경 색상 변경하기 표나 박스는 보통 table 이란 태그로 지정되는데 블로그 포스트 본문 부분의 table 속성을 변경하는 방법은 관리자 페이지에서 [꾸미기]➔[스킨]➔[HTML/CSS 편집]으로 가서 Style.css 수정탭에서 Ctrl+F로 'articl.. 더보기
티스토리 블로그 스킨 수정 - 하이퍼링크, 링크색 및 밑줄 제거 Life on Mono 스킨의 링크가 걸린 문구는 기본적으로 회색으로 표시되는데, 눈에 잘 안 띄는데다가 이전의 외부링크 이미지를 설정해주면서 하이퍼링크 이미지와 문구를 일관성 있도록 변경해주었습니다. Life on Mono 스킨의 하이퍼링크 색상 및 속성을 변경하는 방법에 대해서 정리했습니다. 하이퍼링크 속성은 Style.css에서 Ctrl+F로 ‘entry .article’ 로 검색하다 보면 아래와 같은 부분을 찾을 수 있습니다. ▶ .entry .article a {color:#8A8A8A; text-decoration:underline; } 이 부분을 통해 본문에 링크가 걸린 문구의 글자색이나 밑줄 등 모든 속성을 변경할 수 있습니다. 1. 하이퍼링크 밑줄 제거하기 여기서 underline을 수정.. 더보기
티스토리 블로그 스킨 수정 - 태그 아이콘 및 글꼴 변경 일반적으로 많은 양의 글을 분류하기 위해 기본적으로 카테고리를 두지만, 이를 보완하기 위해 태그를 입력하여 분류에 도움을 주기도 합니다. 티스토리에서도 태그 기능을 지원하고 있습니다. 간략하게 티스토리 Life In Mono 스킨의 태그 부분 아이콘 및 글자크기와 글꼴, 글자색 등을 변경하는 방법을 알아봤습니다. 1. 태그 아이콘 변경하기 ➔ Life In Mono 스킨의 기본적인 태그 아이콘 이미지의 파일명은 ‘txt_tag.gif’ 인데, 변경할려고 하는 이미지 파일은 이와는 다른 이름으로 올립니다. 여기서는 ‘txt_tag02.gif’ 란 이름으로 티스토리의 관리자 페이지 ▶ 꾸미기 ▶ HTML/CSS편집 ▶ 파일업로드 항목을 이용하여 업로드 했습니다. 다음, 관리자 페이지의 [꾸미기]➔[스킨]➔[.. 더보기
티스토리 블로그 스킨 수정 - 외부 링크 화살표 아이콘 표시하기 포스팅을 하다보면 중요한 부분을 강조할 경우 글자색을 변경하거나 밑줄을 부가하기 마련입니다. 하지만 이런 식으로 글을 작성하다 보면 링크가 걸린 문구와 강조된 부분이 유사하여 혼동되는 경우가 많습니다. 티스토리에서 링크를 강조하는 플러그인으로는 무지개 링크 플러그인 뿐입니다. 일단 적용은 해줬지만, 링크위에 커서를 올려야만 링크된 문구임을 확인할 수 있어 여전히 혼동되는 부분이 있습니다. 그런 터에 검색을 통해 링크가 걸린 문구 오른편에 화살표 아이콘을 표시하는 방법을 알게 되어 적용했습니다. 그래서 이번엔 티스토리 블로그 Life in Mono 스킨을 기준으로 링크가 걸린 문구 오른쪽에 화살표 아이콘을 달아두는 외부링크(external link) 표시 방법을 정리해 보겠습니다. 1. 이미지 파일 업로드.. 더보기
티스토리 블로그 스킨 수정 - 카테고리의 다른 글 더 보기 제 티스토리 블로그 스킨인 Life In Mono(Light)에서는 본문 하단에 동일 카테고리내의 다른 글을 출력해 주는 플러그인이 기본적으로 달려있습니다. 설정 방법은 관리자 페이지에서 [플러그인]➔[플러그인 설정]에서 ‘꾸미기’ 분류에 ‘카테고리 글 더보기’로 가셔서 설정 할 수 있습니다. 여기서는 간단하게나마 보여줄 수 있는 목록의 개수와 색깔을 변경할 수 있습니다. 배경이 너무 어두운 감이 있고, 밑줄을 없애 제 입맛에 맞게 변경할 방법을 알아봤습니다. 다른 티스토리 스킨과 달리 life in Mono 스킨에서의 style.css에서는 ‘카테고리의 다른 글’ 부분에 대한 설정내용이 특별히 보이지 않습니다. 때문에 style.css 하단에 별도로 추가해주면 됩니다. 1. 제목과 날짜 배경 색상 ▶ .. 더보기