카테고리가 많아짐에 따라 원하는 카테고리만 펼쳐보이게 하고 싶을때가 있습니다.
카테고리를 펼쳐보이고 접어보이고, 그리고 원하는 카테고리만 펼쳐보이는 방법을 알려드리겠습니다.
아래 설명에서 치환자부분의 () 는 모두 [] 임을 알아두세요.  파랑색으로 표시합니다.
코드 하이라이팅 으로 치환자부분이 그대로 보여지니 그대로 사용하시면 됩니다.

카테고리 펼쳐보이기

스킨편집에서 찾기를 선택해서 카테고리 치환자인 ##_category_## 를 찾습니다. 대략 아래처럼 되있을겁니다. class나 id 는 약간 다를수도 있지만 치환자인 ##_category_## 는 다 같습니다. 즉 ##_category_## 아니면 ##_category_list_## 이런식으로 나와있을겁니다.
<div id="category" class="cloud">
	[##_category_##]
</div>

 여기서 아래와같이 변경합니다.
<div id="category" class="cloud">
  [##_category_##]
  <script language="JavaScript">try{expandTree();}catch(e){}</script>
</div>

 빨강색 부분의 스크립트를 추가해주면 끝.

원하는 부분만 펼쳐보이기

카테고리가 많을 경우는 원하는 카테고만 펼쳐보이게 하고 싶죠.
우선 브라우져의 소스보기를 클릭합니다. 익스플로러의 경우 보기-소스 를 클릭하세요.
저의 경우 무설치프로그램 카테고리만 펼쳐보이게 하겠습니다.
찾기를 선택해서 toggleFolder 를 찾으세요. 처음부분말고 다음부분보면 class=click onclick="toggleFolder('195407')"  이런식으로 나올겁니다. 더 내려가면 찾는 부분 즉 무설치 프로그램이 보입니다.
저의 경우 무설치 프로그램에 해당하는 숫자는 195407 입니다.

이미지를 보면 이해가 가실겁니다.


즉 무설치 프로그램이 속해있는곳위에 toggleFolder 의 숫자를 찾아야합니다.
숫자를 포함한 소스를 카테고리 아래에 삽입합니다.
소스 완성작은 아래와 같습니다.
<div id="category" class="cloud">
	[##_category_##]
<script languare="javascript">toggleFolder('195407');</script>
</div>

파일을 첨부했습니다. 내용은 같습니다.

원하는_카테고리만_펼치기.txt


펼쳐지기를 원하는 카테고리가 여러개의 경우 숫자 부분만 다시 추가해주면 됩니다.
<script languare="javascript">toggleFolder('숫자')('숫자');</script>
소스를 넣기전과 후를 이미지로 캡쳐했습니다. 더보기를 참고하세요.

더보기


카테고리를 접었다 펼쳤다하는 기능. more less 기능

카테고리나 다른부분에도 적용가능합니다. 일단 카테고리만 예로 들어보겠습니다. 접었다 펼쳤다하는 more less 소스는 아래와 같습니다.
<div><ahref='javascript:void(0)'onclick=this.nextSibling.style.display=(this.nextSibling.style.display=='none')?'block':'none';)보여지는부분</a><div style='display:none'>내용이 들어가는부분</div>


카테고리를 포함한 예제 소스는 파일로 첨부합니다.


댓글

  1. 2009.07.09 18:28 신고 BlogIcon 레이먼  댓글주소  수정/삭제  댓글쓰기

    제가 평소에 궁금해 했던 정보네요. 감사합니다.
    스킨을 바꾸셨네요. 괜찮군요.

  2. 2010.07.05 19:47 신고 BlogIcon Je T'Aime  댓글주소  수정/삭제  댓글쓰기

    큼... 원래 1단인 스킨을 다운받아서 사용하고 있습니다만,
    (그러니까 제 블로그를 보시면 제목과 글 타이틀 밖에 없죠)
    그래서 항상 카테고리를 추가하고 싶었어요.
    그러고 이 포스트를 발견했는데
    첫번째 태그를 그대로 옮겼는데
    그럼 카테고리가 나타나는거 아닌가요?
    카테고리가 생성되게 할려면 어찌 해야 하는지 ㅠㅠ 아직 초짜라 모르는게 많습니다..

    • BlogIcon 대문 demun 2010.07.05 19:59 신고  댓글주소  수정/삭제

      일단은 스킨 제작자에게 물어보는것이 가장 빠르고 좋습니다.

      현재 님의 말씀은 카테고리가 안나와서 나오게하고 싶다는 뜻인가요?
      그렇다면 관리자화면에서 스킨 - 사이드바설정에서 카테고리를 추가해주시면 됩니다.

      제가 대략 보니 메뉴와 검색만 사이드바에 있고 나머지는 하나도 없군요.

      위의 말이 아니라면.....
      질문에 대해서 제가 잘 이해를 못하겠습니다.

      위의 글은 카테고리중에서 원하는 곳만 펼쳐보이게 하는것입니다.

      두번째 아래는 클릭하면 펼쳐지고, 클릭하면 감쳐지는 더보기 기능이구요.

      만약 답변이 안됐다면 다시한번 질문해주세요.
      뭘하려고 하는데....뭘했더니 안되더라....
      이런식이면 잘 알려드릴텐데....ㅎㅎㅎ

      질문에대한 이해력이 딸려서 죄송합니다.

    • BlogIcon Je T'Aime 2010.07.09 23:28 신고  댓글주소  수정/삭제

      스킨을 그냥 아예 바꿔버렸습니다 그냥 ㅎㅎ
      열심히 대답해주셨는데 죄송해요;;
      저번에 그 스킨 사용했을 때 카테고리를 추가해도 나오질 않길래, 스킨 제작자분이 설정을 처음부터 안나오게 해놓지 않았을까...싶더라구요. 그래서 혹 아시는 바가 있나 해서 덧글을 달았습니다.
      뭐 그냥 이제는 카테고리가 나오는 스킨을 걍 다운받았으니 ㅎㅎ
      그런데... 혹시 글 쓸때 글이 짤리는 현상에 대해선 해결방법을 모르시나요? 폰트밖에 건든 게 없는데, 글 앞부분이 짤려 나오네요..
      어딜 가도 이것에 대해선 나와있는 게 없길래 ... 그냥 지나가다 한 소리니 신경쓰지 않으셔두 됩니다!
      답해주셔서 감사드리구요, 좋은 하루 보내세요^^

    • BlogIcon 대문 demun 2010.07.10 12:43 신고  댓글주소  수정/삭제

      일단은 질문의 요지를 제가 잘 모른다는 점입니다.
      카테고리가 안나온다는것은 이해가 안가요????

      카테고리 치환자가 ##_category_## 인데 이게 사이드바에 안나온다는 말인가요?

      아니면 사이드바에 나오는 메뉴들 ,
      즉 카테고리,최신글,최신댓글.... 이런종류로 하나더 추가를 하고 싶다는것인지요?

      이것도 간단하게 사이드바에 적용된걸 그대로 복사해서 div id 값만 바꿔서 사용하면 됩니다.
      이거에 관한 포스팅도 두어번 한걸로 알고 있습니다.

      그리고 한가지더,
      폰트가 짤린다고 했는데....그렇게 말씀하시면 제가 알수가 없습니다. 어디에 있는 폰트가 짤리는지?
      사이드바에 최신글인지? 아니면 본문의 글이 짤리는건지??? 정확이 말씀을 해주셔야 제가 해답을 찾지요....

      님이 질문을 하실때보면 꼭 두번씩 대화가 오고 가야 정확한 답이 되는거 같네요...ㅎㅎ.


      참고로 스킨을 적용하신다음.관리자화면에서 사이드바와 카테고리설정,화면출력설정을 해주셔야 정확하게 나옵니다.

    • BlogIcon Je T'Aime 2010.07.11 13:48 신고  댓글주소  수정/삭제

      지송해요 ;; 제가 말솜씨가 좀 부족한 탓에 ㅎㅎ
      본문에 글이 쓰고 보면 앞부분이 짤려서 나오질 않는다. 라는 겁니다. 원래는 본문 그대로 화면에 다 나오던데, 글꼴을 바꾸고 나서부터(css변경) 자꾸 앞부분이 잘리더라구요. 왜 그런지 정확한 이유를 몰라서 이것도 그냥 새로이 스킨을 바꾸니 되서...터치하지 않기로 했습니다.
      제가 이상한 질문을 해서 demun님 많이 귀찮으셨을 듯 싶어요 ㅎㅎ 다행히 카테고리 건은 친구의 도움으로 어찌어찌 넘어가긴 했답니다. 아궁... 바쁘실텐데 답글 달아주셔서 감사드려요.