티스토리 스킨의 카테고리 목록형 구조에 클래스명이 새로이 추가되었습니다. 카테고리 디자인을 위해 복잡한 CSS 선택자를 이용하거나 스크립트로 클래스를 추가해 사용해왔는데 조금은 수월해질 듯 싶습니다.
카테고리 목록의 구조
아래는 [샆샾_category_list_샾샾]
치환자를 이용할 경우 생성되는 구조이다.
샾샾 부분은 ##
으로 교체
<ul class="tt_category">
<li>
<a class="link_tit" href="/category">분류 전체보기 <span class="c_cnt">(글갯수)</span></a>
<ul class="category_list">
<li>
<a class="link_item" href="...">카테고리명 <span class="c_cnt">(글갯수)</span></a>
<ul class="sub_category_list">
<li>
<a class="link_sub_item" href="...">서브 카테고리명 <span class="c_cnt">(글갯수)</span></a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
- 카테고리 목록의 시작엔
.tt_category
가 추가되었다 - 1행. - 카테고리 목록의 최상위 목록엔
.link_tit
가 추가되었다 - 3행 - 카테고리 목록의 1차 카테고리의 시작엔
.category_list
가 추가되었다. - 4행 - 카테고리 목록의 1차 카테고리의 링크엔
.link_item
이 추가되었다. - 6행 - 카테고리 목록의 2차 카테고리가 있다면 그 시작엔
.sub_category_list
가 추가된다. - 7행 - 카테고리 목록의 2차 카테고리의 링크엔
link_sub_item
이 추가된다. - 9행
이로써, 일반적인 카테고리 목록의 디자인을 변경하는 것에는 문제가 없을 것이다. 다만, 아직 현재 활성화된 카테고리에 대한 클래스를 부여해주지 않기에 스크립트로 이를 대체해야 한다.
'티스토리 > 스킨가이드' 카테고리의 다른 글
티스토리 댓글 및 방명록 디자인 유의사항 (10) | 2016.01.05 |
---|---|
티스토리 첨부 파일 디자인 (8) | 2015.12.08 |
이미지 캡션(자막) 디자인 (4) | 2015.12.07 |
티스토리 최신글, 카테고리 썸네일 추출에 대한 이해 (13) | 2015.11.03 |
티스토리 본문 너비와 사진 첨부로 삽입되는 이미지의 상관관계 (4) | 2015.11.02 |