반응형

카테고리 위치

내가 원하는 위치에 카테고리가
노출될 수 있록 수정하는 방법 입니다.

카테고리가 위치할곳을 찾습니다.

위치를 정하셨다면 해당 HTML 위치에 아래 소스를 입력합니다.


  
<!-- ## ## -->
<div class="top_ctg_list">
[#_category_list_#]
</div>

위 소스는 티스토리 치환자가 사용되었습니다.

티스토리 치환자는 ##_ _## 문자가 양쪽에 있습니다.

디자인 설정

HTML코드를 입력하셨다면 이젠 CSS로 원하는 위치에 잘 위치 할 수 있도록 합니다.


  
.top_ctg_list{padding:10px;}
.top_ctg_list .link_tit{display:none;}
.top_ctg_list .category_list {display: flex; align-content: center;
justify-content: center; width:100%; max-width: 600px; margin: 0 auto;}
.top_ctg_list .category_list li { flex-basis :33.33%;}
.top_ctg_list .category_list li .link_item{font-weight: bold;}
.top_ctg_list .category_list li .sub_category_list{display:none}

.top_ctg_list .link_tit{display:none;}
전체 카테고리 보기 라고 뜨는 부분을 안보이게숨김.

.top_ctg_list .category_list li
.sub_category_list{display:none}
카테고리 내의 서브 카테고리 숨김.


각자의 스킨마다 class가 다르기때문에 조금은 다를 수 있습니다.

하지만 어렵지 않게 성공하실 수 있습니다.

반응형

댓글

모아씨는 여러분들의 방문으로 운영됩니다. 감사합니다.