드롭다운메뉴
-
티스토리 카테고리 메뉴를 접어다 펼쳤다하는 아코디언, 드롭다운 메뉴 간단하쥬!Life/knowledge 2021. 3. 25.
티스토리 스킨을 보다 세련되게 보이는 기능 중 하나가 카테고리 메뉴 정리이다. 메뉴가 작으면 상관없지만 메뉴가 늘어나고 하위 카테고리가 많아지게 되면 접었다 펼쳤다가 되는 메뉴를 원하게 된다. 반응형 블로그에서 메뉴가 접히고 펼치는 기능은 여러가지 방법으로 구현이 가능하다. 과거 홈페이지 제작할 때 드롭다운 메뉴를 적용하면서 작은 행복을 느낀 적이 있었다. 드롭다운 메뉴과 같은 기능을 하는 아코디언 메뉴는 정말로 간단하게 적용할 수 있다. 세팍타크로 라이프 블로그 메뉴에 적용된 아코디언 메뉴를 기준으로 아래와 같이 적용하면 쉽게 메뉴가 변경된다. Step1. 스킨 편집 html 안에 넣기 $(function() { $(".category_list").children("li").has("ul").addCl..
-
티스토리 스킨 배포 - 세팍타크로 라이프 스킨Life/knowledge 2012. 5. 17.
지금까지 많은 티스토리 스킨을 사용해왔고 변경하면서 많은 시간을 소비하였다. 이런 과정을 경험하면서 스킨 구조원리와 html 언어 그리고 자바 스크립트등 새로운 공부를 하게 되었다. 지금까지 사용해왔던 스킨들을 분석해보면 3단 구조의 스킨을 많이 사용했었는데 색상 배열을 잘 하지 못하면 산만한 느낌을 받게 되어 1단 스킨을 만들게 되었다. 본문이 가장 중요하며 시선을 위에서 아래로 자연스럽게 내려갈 수 있는 1단형 스킨이 방문자에게 편한함을 주며 가로 넓이는 630px으로 설정하였으며 메뉴는 본문 상단에 스크롤(드롭다운) 메뉴를 넣어 깔끔하게 스킨을 만들었다. 스킨의 모태는 아주 단순한 KHISM님의 MONOLOG 스킨을 바탕으로 대대적인 변화를 주어 스킨이 탄생하였다. 1. 스킨 제목 - 세팍타크로 라..