티스토리의 단점 중에 하나가 카테고리 아래에 하위 카테고리를 만들게 되면 모두 합쳐져서 최상단 카테고리 하나만 뜬다는 것이죠. 저는 이게 너무 너무 불편한겁니다. (왼쪽 아래) 제 스스로도 불편했고, 방문자들께서도 불편을 주는 것이지요. 어떤 분이 일일이 ＋버튼 눌러서 하나 하나 다 확인하시겠냐고요ㅡㅡ;; 카테고리 접은 모습과 펼친 모습 비교, 펼친 것이 훨씬 깔끔하고 보기에 좋다.
'친절한 주인장'인 제가 이를 그냥 두면 안되겠죠.? 그리하여 (오른쪽 아래처럼) 카테고리를 다 보여주고 싶은데 펼치는 방법을 몰라서 온갖 무식한 방법을 다 시도해보았습니다.
저는 이게 스킨의 문제인 줄 알고 혼자서 스킨을 온갖 걸로 다 시도해봤지요.
아래는 카테고리가 자동으로 펼쳐지는 스킨들입니다. 제가 쓰는 2단 스킨에서는 저 5개 외에는 카테고리가 펼쳐지지 않습니다. (제가 테스트해본 블로그에서 상단 카테고리는 큰 목록, 하단 카테고리 이름은 작은 목록으로 정했습니다.) 그런데 스킨 디자인과 색상이 제 마음에 안들어서 탈락~
이렇게 쓸데없이 시간만 낭비하며 힘들게 체력을 소모하던 저는 '드디어' 검색을 하게 되었고, 세션님의 블로그에서 그 방법을 알게 되었습니다. -_ㅡ;; 진작 좀 해볼 걸.ㅜㅜ 하여간 무식하면 손발이 고생합니다. 어흑~
1. 관리자 메뉴의 스킨변경으로 갑니다.
2. skin.html 에 가서 Ctrl＋F로 다음 중 category 혹은 카테고리를 검색해서 다음과 같이 생긴 것들을 찾습니다.
<!-- 카테고리 모듈 -->
<div id="category">
<h3>카테고리</h3>
<script language="JavaScript">try{expandTree();}catch(e){}</script>
</div>
3. 다음에 저기 빨간 글씨로 된 명령어 부분을 입력합니다.
그러면 전지현 다리처럼 쫙 펼쳐진(오른쪽에 보이는) 시원한 카테고리가 보일 것입니다.^^
그럼 끝~~~ !!!
오늘의 블로그 팁은 쉽고 간단하죠?? ^^
관련글
티스토리 카테고리 모두 펼치기 - 무지 쉬운 방법 2개 더 추가!!
티스토리 more/less(더보기, 감추기) 기능에 대해 알아보자!
티스토리, 이미지 직접 올리기로 more/less 아이콘 등록하기, 댓글창 버튼 넓히기 방법
트랙백(trackback)의 개념과 보내는 방법을 그림으로 알아보자!
엄청 고생하면서 알아낸 스킨 변경, HTML/CSS 설정시의 티스토리 버그와 팁입니다.!
'읽을 거리 > 블로그 이야기' 카테고리의 다른 글
| 티스토리 more/less(더보기, 감추기) 기능에 대해 알아보자! (60) | 2008/01/06 |
|---|---|
| 티스토리, 이미지 직접 올리기로 more/less 아이콘 등록하기, 댓글창 버튼 넓히기 방법 (36) | 2008/01/06 |
| 티스토리 카테고리 모두 펼치기 - 무지 쉬운 방법 2개 더 추가!! (56) | 2008/01/05 |
| 티스토리 카테고리 모두 펼치기 방법! (하위 카테고리를 모두 보여주는 방법) (69) | 2008/01/04 |
| 엄청 고생하면서 알아낸 스킨 변경, HTML/CSS 설정시의 티스토리 버그와 팁입니다.! (86) | 2008/01/04 |
| 블로그얌(blogyam)에서 내 블로그의 가치를 알아보자!! (70) | 2007/12/28 |
| 댓글 베스트에 올랐어요~ 가문의 영광?? No~ No~ 동네 잔치합시다~ (38) | 2007/11/27 |
트랙백 주소 :: http://blutom.com/trackback/307
-
Subject: 티스토리 카테고리를 펼친채로 보여주자
Tracked from JAEA@BLOG - WWW.JAEA.NET 2008/01/04 23:50 삭제일반적으로 티스토리 블로그의 카테고리는 하위분류를 지원합니다. 많은 티스토리 블로그 유저들이 처음엔 하위분류를 만들지 않지만, 글이 많아지고 글에 대한 분류가 필요해지면, 카테고리에 따라 글을 분류하기 시작합니다. 저 역시 무척이나 많아졌습니다../// 오른쪽에 보세요 . 열면 아마 사이드바의 압박이 시작될겁니다.. 일반적으로 거의 90%로이상의 티스토리 스킨은 카테고리가 펼쳐져 있지 않은 닫힌 상태로 보여지게 됩니다. 아래처럼요~~ 근데, 여러분도..
댓글을 달아 주세요
좋은 정보군요..
감사합니다.
도움이 되었다니 정말 기쁩니다^^ Jack Park님, 댓글 달아주셔서 감사합니다^^
안녕하세요. 파란토마토님^^
이거 저 무지 하고 싶었던 기능인데 ㅋㅋ 감사합니다.
초보 블로거로써. 많이 배워요 ^^
제 첫번째 댓글을 달아 주신분이기두 하구^^
링크 추가하구 자주 놀러와 좋은 정보 얻어가겠습니다. 꾸벅(_._)
하얀하늘님, 와주셔서 감사합니다.
도움이 되었다니 정말 기쁩니다!!^^
링크까지 추가하시다니..영광입니다!
<!-- 카테고리 모듈 -->
<div id="category">
<script language="JavaScript">try{expandTree();}catch(e){}</script>
</div>
이렇게 바꾸었는데도 꿈쩍 안하고 접혀 있네요.
도와주세요;;
NeoPJS님, 흠.. 죄송해요; 저도 태그를 잘 몰라서요..
이 아래에 고수분들이 몇마디 더 조언해주셨는데.. 그걸 한번 보실래요??
http://blutoto.tistory.com/307#comment2351602
http://blutoto.tistory.com/307#comment2351676
확실한 AS? 감사드립니다.
<body onload="expandTree()">
로 하니 되더군요.
도움이 되셨다니 다행입니다.
NeoPJS님의 사례 때문에 글 하나 더 썼답니다.ㅋ
다른 방법으로 카테고리 펼치기.로요^^
파란토마토님 감사합니다.
카테고리 펼치고 싶어서 별 쌩쑈를 다했었는데 ㅠㅠ
실패하고.. 아.. 안되는구나 싶어서 포기했었는데..
명령어 입력하니 바로 펼쳐지네요.. ^^)b
새벽두시님, 안녕하세요. 댓글 감사합니다.
도움이 되었다니 정말 기쁩니다. 저도 혼자서 쌩쑈하다가 알게 된 거랍니다.
우와 제가 찾던 거네요!! 당장 적용해야지, 고맙습니다. 파란 토마토님 홧팅!!
비본님, 댓글 감사합니다! 도움이 되었다니 정말 기쁩니다.
당장가서 해볼께요
오~~ 이런 실천력!!!!!
성공 했어요 그런데 제꺼는 위치가 한칸더 아래인,,,
그리고 참고사항 하나 글에 써주셔야 할듯
'길어진 사이드바는 책임 못집니다' 라고
하하.. 아무래도 목록이 죽~ 늘어지니까 그렇게 되겠죠^^
히햐..~ RSS 파란토마토로 바뀌었군요..멋집니다..ㅎㅎ
mepay님, 와주셔서 감사합니다.^^ RSS아이콘은 한RSS에 추가하는것만 토마토로 쓰고 있답니다.
지금 디자인도 별로 맘에 안드는데 너무 막막해서 손놓은 상태에요.
와~좋은 팁입니다..
이제 블로그시작한지 얼마 안됬는데..
이런거 잘 몰랐거든요..ㅎ;
내용 잘보고갑니다.^^
ps: 아이디앞에 저 귀여운 아이콘 어디서
적용하나요 ? ㅡ,.ㅡ
Double-J님, 댓글 감사합니다. 도움이 되셨다니 정말 기쁩니다.!!
아이디 앞에 아이콘은 블로그아이콘이라는 것인데요..
제 글 중에 여기에 대해서 소개한 거랑, 도움되는 싸이트 소개한 게 있습니다.
http://blutoto.tistory.com/150
혹시라도 해결 안되시면 다시 말씀해주세요. 그럼 제가 글을 따로 쓸게요.
ㅋㅋㅋ 제가 파란토마토님에게 물어봤는데, ㅋㅋ 포스팅 꺼리를 만들어 드렸군요 ㅎㅎ
어쨌든 정보를 얻었으니, 저도 적용하러 갑니다. ㅎ
재아님!! ^^ 도움이 되셨다니 정말 기쁩니다. 펼쳐진 카테고리 구경하러 갈게요.
ㅎㅎ 저런 방법이 있었군요..
한번해봐야겠네요..
파란토마토님은 항상 필요한 것만 알려주시네요..^^
근데 설문은 안하나요...^^;;;
빨간여우님, 댓글 감사합니다. 제가 올리는 건 극히 사소하다 생각했는데 칭찬까지 해주시니 감사합니다.
설문..이라 함은 심리테스트를 말씀하시는건가요? ^^
심리테스트도 올리는게 좀 힘들어서 가끔 쉰답니다.
(이걸 찾아와서 그대로 붙이는 게 아니라 수정할 곳이 많거든요.)
또..심리테스트만 많이 올라오면 손님들도 싫증낼 것 같아서 조금 아끼는 편이에요.
심리테스트 폴더에 30개 가까이 들어있는데 아직 안하신 거 있으면 그것도 해보세요.
항상 좋은팁입니다. 아 그리고 저 도메인 등록했어요 ㅋ
오~ nob님, 정말이네요! 축하드립니다!!
I am a blogger.라는 뜻 맞죠?
이야.. 1인미디어로서의 블로거로 새출발하시는건가요?
핫.. 재밌네요. 방금 적용했는데. 작은 변화가 새롭습니다. 감사~.
bolky님, 댓글 감사합니다. 도움이 되셨다니 저도 무척 기쁩니다. ^^
아하!! 왜 안되나 했는데 category 치환자 앞이 아니라 뒤에다 넣어줘야하는군요.
덕분에 저도 해결했습니다. 좋은 팁 고맙습니다~!
luv4님, 해결하셨다니 다행입니다. 댓글 감사해요. 도움이 되었다니 저도 정말 기쁘네요.
디자인이 달라지긴 하지만, 다른 방법도 있습니다. ##_category_## 치환자를 ##_category_list_##로 바꾸면 됩니다 :-)
그리고 스타일CSS 파일에 다음 스타일을 추가해주면 됩니다.
#sidebar .category li { background:none;}
#sidebar .category li ul li { background:url(images/bul.gif) 0 6px no-repeat; padding-left:10px;}
#sidebar .category li ul li ul li { background:none; border-left:1px dotted #ccc; padding-left:6px; margin-left:2px;}
#sidebar .category li ul li ul li a{ color:#999;}
위 부분이 원래 있으면 관계 없고요~.
이야~~ 역시 친절하신 Rukxer님ㅜㅜ 감사합니다.
앞으로도 많은 지도편달 부탁드립니다! 도와주셔야 되요~~^^
제가 알고 있는 방법은 <body> 대신에 <body onload="expandTree()">
를 넣는 방법입니다. 저도 다른 곳에서 들어서 알게된거지만 이게 제일 쉬운 것같습니다.
엠의세계님, 댓글 대단히 감사합니다.!
앗. 블로그아이콘이 바뀌었네요?^^
좋은 정보 고맙습니다.
제 스킨에는 약간의 보충설명이 필요했지만요.^^
좋은날 되세요..^*^
삶엔삼님, 댓글 감사합니다. 도움이 되셨다니 정말 감사합니다.
파란토마토님 정말 감사합니다!!!
제가 이 기능을 한참 찾았거든요. 펼쳐진 블로그만 보면 과감히 방명록에 여쭤보곤 했었는데 대부분 이미 기본적으로 펼쳐지도록 셋팅된 스킨이라고 하셔서 못하고 있었어요..
좋은 정보 너무너무 감사합니다~^^
라라윈님, 댓글 감사합니다. 어쩜.. 이렇게 늘 친절하신지..
저도 항상 궁금했는데 겨우 알아냈답니다..고수분들은 이미 알고 있었겠지만요.
도움되셨다니 정말 기뻐요!! ^^
저는 이기능이 필요없다는^^:
잘보고가요~
펜텔님 블로그에는 폴더가 많이 없어서 그런가봐요.
그래도 댓글 달아주셔서 감사합니다.
파란토마토 님은 역시 친절하셔~
네이버 블러그는 글씨도 너무 작고 그래서
필요한 정보만 얻고 가는데 여기는 와서
역사, 동물, 심테 이것저것 다 클릭해보고
꼬리 남깁니다~ 여기 넘 좋아요 ~~!!!!
오즈의 마법사님도 친절하셔~^^
네이버랑 비교해서 좋은 점도 적어주시고, 감사합니다.
심리테스트를 너무 사랑하시는 것 같아서 오늘 새로 하나 올렸습니다.ㅋㅋ
ㅎㅎ 저도 이방법 쓰고 있기는 한데
이렇게 포스팅을 해서 다른 분들께 도움을 드릴 생각은 못했네요~^_^
친절하시군요~
앞으로도 종종들러서 저도 많은 도움 받아야겠습니다~ㅋ
Tinno님, 안녕하세요. 댓글 감사합니다.^^
전 일단형인데.. 지금 바꿔 볼까 생각 중에 있습니다. 어떻게 해야 할지 모르겠어요.
제 블로그 쓰 보시니 불편 하신가요? 이야기좀 해 주세요. 그래야 뭘 어케 수정을 하던지 하죠.-0-
흠; 넓직해서 좋기는 한데..(저도 처음엔 그래서 1단 선택)
1단 스킨은 다른 메뉴가 잘 안보여서 좀 불편하긴 해요^^
글을 자주 여러개 올리는 분들은 아무래도 1단은 좀 무리가 있구요,
가끔씩 큰 사진이랑 올리는 분들은 1단도 괜찮습니다.
최신글을 많이 안보여줘도 되니까요.
와~좋은팁이네요^^
저런 기능 없나? 싶었는데^^
나도 적용해봐이징~ㅋ
도움이 되었으면 좋겠습니다.^^ 댓글 감사해요.
^^; 트랙백 걸고갑니다.~~//
트랙백 고마워요^^
폴더가 많아지면 꼭 써봐야겠습니다! 아직 글이 많지 않아서 ㅡ,.ㅡ
매직티엠님, 와주셔서 감사합니다^^
저도 폴더 10개 아래로는 안했는데 10개가 넘어가니 도저히 안되겠떠라구요^^
좋은 팁 잘 봤습니다
부정승차님, 댓글 감사합니다.^^ 도움이 되신다니 기쁩니다.
와우 ㅎ 감사드립니다. 이거 찾고 있었던 겁니다 +_+ 감사 ㅋ
도움이 된다니 저도 기쁩니다!! 꼭 성공하세요
필요한 팁이었습니다
감사합니다
mixcrea님, 도움이 되었나요? 댓글 감사합니다.
이 글에는 더 쉬운 방법이 두 개나 나오니 이것도 참고하세요. http://blutom.com/320
와우 감사합니다! 좋은 팁이에요! 굿~~ㅋ
아.. 이 댓글을 이제야 봤습니다.. 죄송해요^^; 궁극의 힘님도 이 게시물 예전에 올린 건데 한참 후에 보셨네요.
이제 막 블로그 시작한 초보라 배워야 될게 많네요^^ 궁금했던건데 감사합니다. 링크등록해서 열심히 배워야 겠네요.^^
도움이 되셨다니 기쁩니다. 저도 처음에 정말 만힝 헤메다가 요즘 조금 조금씩 부딪히면서 알게 된 것들이랍니다.
오~~이런 방법이...와 쉽다..^^
하하.. 도움 되셨다니 저도 기뻐요^^ 이 댓글을 이제 봤네요..;
댓글 단지 언젠디...이제서야 댓글을 보시다니..ㅠㅠㅠㅠ
헉.. 이 댓글 역시 3달 만에... 죄송해요; ㅋ
이것도..3달만에..............너무하시네..ㅠㅠㅠㅠㅠㅠ
ㅋ
유용하고 좋네요-
감사히 잘 쓰겠습니다 ㅍ