티스토리에서 카테고리 글 더보기에서 배경색, 밑줄 없애는 방법
티스토리 플러그인 중에 카테코리 글 더보기 플러그인을 활성화키면,
현재 보고 있는 포스트와 같은 카테고리에 있는 글 목록을, 아래 그림처럼 리스트 형태로 포스트 하단에 보여줄 수 있습니다.
그런데 배경색이 회색으로 되어있어 참 보기가 안좋죠...
그리고 모든 리스트에 밑줄이 그어져 있어 지저분하기도 하구요..
그래서 배경색과 밑줄을 없애는 방법을 살펴보겠습니다.
일단 이 플러그인은 티스토리 관리자 모드로 들어가서 플러그인 설정 메뉴를 클릭하면,
플러그인 리스트 중.하단 정도에서 카테고리 글 더보기 플러그인을 볼 수 있습니다.
리스트의 오른쪽의 설정 이미지를 클릭하면 위 사진처럼 설정창이 펼쳐집니다.
잠깐 살펴보면 목록 개수를 통해 보여주는 리스트 줄 수를 정할 수 있습니다.
그리고 색상에서는 리스트 박스와 글자색을 정해줄 수 있습니다.
저장을 하면 내 블로그 포스트 하단에 카테고리 글 리스트를 보여주는 박스가 자동으로 뜹니다.
그런데 위에서 본것처럼 배경색과 밑줄이 쳐져 있어서...영~~보기가 좋지 않습니다.
그럼 지금부터 이걸 없애보도록 하겠습니다.
1. 관리자 모드의 꾸미기 > HTML/CSS 편집 메뉴를 선택하면 style.css 편집창이 뜹니다.
여기에서 article table th {background-color : #eee} 부분을 찾습니다.(Ctrl+F 를 눌러서 검색)
첫번째 박스쳐진 부분이 왼쪽편의 좀더 진한 배경색부분이고,
두번째 박스쳐진 코드가 오른쪽 날짜 부분의 회색 배경색을 설정해주는 코드입니다.
자신이 원하는 색으로 이부분을 바꾸어 주면 됩니다.
.article table th {background-color:transparent; } /* 스킨디자인에따라 색상 변경 */
.article table td {padding:2px; background-color:transparent; } /* 스킨디자인에따라 색상 변경 */
흰색으로 바꾸고 싶으면 #fff 로 바꾸시면 됩니다.
색을 따로 주지 않고 블로그 배경색에 맞춰 투명하게 보이게 하시려면 #을 지우고,
아래 이미지처럼 transparent 로 ccc나 eee 를 대체해주면 됩니다.
코드를 바꾼 후 다시보면 아래처럼 보입니다.
훨씬 깨끗해졌습니다. 그런데 밑줄은 아직 그대로입니다.
이제 밑줄을 없애보겠습니다.
2. style.css 편집창을 다시 엽니다.
style.css 의 맨 아래줄에 다음의 코드를 삽입합니다..
/*카테고리의 다른글 보기 줄없애기*/
.another_category a.current {text-decoration: underline;}
.another_category a {text-decoration: none !important;}
저장후 포스트를 실행해보면 아래와 같이 말끔히 밑줄이 제거되었습니다.
현재 포스트 글의 제목에만 밑줄이 그어져 있습니다.
드디어 완료...
플러그인의 코드까지 건드려야 하니...티스토리의 편의성은 좀 개선의 여지가 있는것 같습니다..
이 정도 플러그인 개선 서비스는 해줘도 좋을 것 같은데...좀 아쉬운점입니다..
