티스토리 꾸미기] 카테고리의 다른글 꾸미는 방법은?!

안녕하세요~ 구름군단 티스토리 입니다.^^

티스토리를 운영하면서 스킨을 바꾸는 일이 조금 잦습니다.^^;;; 건드리지 않을 때는 아예 건드리지 않지만.. 만약 한 곳을 수정하게 되면 그 곳에 맞춰서 전체적인 분위기를 수정해줘야 하기 때문에 조금씩 지속적으로 수정을 해줘야 합니다.. 헤헤헤~

전체적인 부분은 수정이 끝이 났는데.. 가장 애매한 한 군데가 바로 "카테고리 다른글" 입니다.

이 녀석은 소스를 아무리 뒤져도 나오지 않더군요.

결국 구글의 힘을 빌리기로 했으며, 다른 블로거님들이 정보를 공유해주신 덕에 수정을 할 수가 있었습니다.ㅎ

기본적으로 티스토리에 있는 카테고리 다른 글의 디자인은 이렇게 되어있죠?

하지만 지금은 이렇게 변경이 되어져 있습니다.^^

ㆍ변경내역

전체 테두리 없앰. / 상단 타이틀 폰트 색상 및 사이즈 수정. / 리스트 앞에 블릿 아이콘 삽입.

카테고리 다른글 쪽 디자인 수정하는 것은 결코 어렵지가 않아요. 단 소스만 있으면 쉽지가 않습니다.ㅎ

div.another_category{margin-top:15px;margin-bottom:0 !important;padding:0;border:0 !important;font-family:tahoma}

div.another_category h4{margin:0px !important;background:#035e4c;color:#fff !important;padding:10px!important;font-size:15px;line-height:normal}

div.another_category h4 a{color:#fff !important;font-size:15px !important;margin:0 !important;}

div.another_category table{border:1px solid #ccc;border-top:0;margin:0 !important}

div.another_category table td{display:none}

div.another_category th a{margin-left:12px;color:#333 !important;padding-left:8px;background:url(images/bu.gif) no-repeat 0 8px;}

div.another_category th a.current{border-bottom:0 !important}

div.another_category th span{color:#f00 !important}

div.another_category th{padding-bottom:8px}

div.another_category table th{padding-bottom:8px !important;}

div.another_category tr:first-child th{padding-top:8px !important;}

div.another_category table th a:hover{color:#f00 !important;}

소스는 위에 있 내용을 참고하시면 되고, 아래 첨부파일로 넣어드렸으니 다운받으시셔서 활용하시면 됩니다.

skin_code.txt

사용하는 방법은 skin.css 부분에 넣어주시면 되요.

skin.css 내용을 보면 주석(/* 내용 */)을 볼 수가 있는데.. 섞이지 않게 넣어주시면 됩니다.^^ 적용 후 확인하는 방법은...

 카테고리의 다른글 꾸미는 순서

1. 소스 그대로 붙여넣는다.

2. 인터넷 창에 블로그를 띄우고 카테고리의 다른글 쪽을 확인한다.

3. 카테고리의 다른글 css 소스에 1번째 줄부터 주석(/* 내용 */)처리해가면서 어느 영역을 담당하고 있는지 확인하면서 파악한다.

4. 원하는 스타일로 수정을 한다.

위에 작성한 순서대로 css 내용을 수정하게 되면 원하는 "카테고리의 다른 글"을 얻게 되실겁니다.^^

그럼 이만 "티스토리, 카테고리 다른글 꾸미는 방법은?!" 포스팅을 마치도록 하겠습니다.^^