티스토리 사이드 카테고리 메뉴 디자인하기

티스토리 사이드 메뉴의 카테고리는 기본적으로 티스토리에서 제공해줍니다. 설정 변경도 관리자 모드의 카테고리 설정 메뉴에서 모양과 색상 종류를 바꿀 수 있습니다. 이 메뉴를 티스토리 기본 세팅값의 영향을 안 받고 만드는 방법입니다.

style.html 문서에 있는 사이드바 모듈 안에 포함된

개나리의 전체 글 (302) iT와 인터넷 활용 (77) App 활용 (26) Windows 와 MacOS (54) 유용한 Programs (18) iOS 팁과 모바일 (48) Web (16) 제품 후기 & 리뷰 (23) 소소한 이야기 (39) 기타 (4) classes (1)

을

 

• 개나리의 전체 글 (302)
  • iT와 인터넷 활용 (77)
  • App 활용 (26)
  • Windows 와 MacOS (54)
  • 유용한 Programs (18)
  • iOS 팁과 모바일 (48)
  • Web (16)
  • 제품 후기 & 리뷰 (23)
  • 소소한 이야기 (39)
    • 기타 (4)
  • classes (1)

로 바꾸어 줍니다.

다음은 style.css 파일에서 Ctrl +F 키를 눌러 #category를 입력해서 검색합니다.

기존 #category 내용을 다음 내용으로 바꿉니다.

#category      { margin:0 10px 10px 10px; }

#category a    { display:block; height:25px; border-top:1px solid #e1e1e1; padding-top:8px; }  

#category li a { padding-left:5px; }

이렇게 하고 #category 내용을 수정하면서 본인 취향에 맞게 디자인하면 됩니다.

##_category_## 삭제 

##_category_list_## 추가

#category 내용 삭제

새로운 #category 내용 추가