티스토리 스킨수정 - 카테고리의 다른 글 더 보기 박스 수정 TIP

티스토리 스킨수정 - 카테고리의 다른 글 더 보기 박스 수정 TIP

티스토리 본문 하단에 같은 카테고리의 글을 출력하게 해 주는 플러그인이 있다.
현재 보고있는 글의 위 아래로 있는 목록을 숫자만큼 지정하면, 그 카테고리 내의 글 목록을 보여준다.
설정 방법은 플러그인 목록에 가보면 꾸미기 탭에 카테고리 글 더 보기 라는 플러그인에서 설정해주고 사용하면 된다.
 

플러그인 설정에서 카테고리 글 더 보기 설정화면

여기까지는 설정 방법이고 대부분의 블로거들은 알고 있을것이다..
여기저기 둘러보면 대부분 달고 있기때문에 ^^;;
그럼 이제부터 보잘것 없는 꾸미기 팁을 설명하겠다...

설정을 해놓고 어떻게 나오나 보려고 글을 하나 봤더니 아래처럼 나온다.
이건 또 뭐지..?  보기가 안좋잖아. 통일감이 없어.. ㅠㅠ 이제부터 수정을 해보자.
 

스킨의 HTML/CSS 수정하기 가서 Style.css 수정탭에서 아래 핑크색 부분의 스크립트를 넣어준다.
아래쪽에 따로 소스를 적어놓았는데.. 넣어줄 위치는 아무곳에나 넣어줘도 된다.

티스토리 스킨 수정중 Style.css 수정화면

소스 스크립트

/* 카테고리 글 더보기 현재 글 이외 밑줄 제거 */
.another_category a.current { text-decoration: underline; }
.another_category a { text-decoration: none !important; }
.another_category table th, .another_category table td { background-color: white; }

.another_category a.current { text-decoration: underline; }
.another_category a { text-decoration: none !important; }
이 부분은 현재 보고 있는 글만 밑줄이 있고 위아래 목록에는 밑줄이 없어지도록 하는 스크립트다.

.another_category table th, .another_category table td { background-color: white; }
이 부분은 백그라운드 컬러, 즉 배경색을 바꿔주는 스크립트다.
background-color: white; 이 부분에서 white 말고 다른 색상코드를 넣어주면 된다..

저 스크립트대로 넣어두고 글을 보면 아래와 같이 좀 더 나은 모습의 '카테고리의 다른 글 보기' 박스를 볼 수 있다..

수정 완료후의 카테고리 다른글 보기