티스토리 상단 가로 카테고리메뉴 소스 사용법

티스토리 상단 가로 카테고리메뉴 소스 사용법

대구사랑 님께서 제 티스토리 스킨중 헤드부분 메뉴가 마음에 드셨는지.. 소스를 부탁하셨는데.. 혹시 다른분들도 필요하실지 몰라서 올려봅니다. 제가 사용중인 스킨은 워드프레스 테마를 수정한것입니다. 원제작자의 링크는 스킨하단에 있습니다.

티스토리의 카테고리 치환자만으로는 소스의 구현이 안되서 카테고리 타이틀 링크를 수작업으로 일일이 넣어서 사용하는거라 상당히 귀찮습니다.
욜 왕짜증 작업이니 인내심이 많으신 분들만 참고하세요. 제가 현재 상단에 사용중이니 보시면 아실테고 압축파일안에 navigation.html 스샷입니다.



일단 사용중이신 스킨을 저장하시고요. 문제생기면 바로 되돌릴수 있게 반드시 저장하세요.

navigation.zip



우선 살펴볼수 있게 html 파일도 함께 올렸으니 컴에서 확인해보시고 작업하세요. 파일을 다운받으시고 스킨 HTML편집에서 파일을 업로드 하세요.

images폴더안의 menu.gif  menu.js 두개만 올리셔야 합니다. navigation.html 소스내용을 티스토리에 적용하시지 마시고 아래 소스내용을 사용하세요. 카테고리 타이틀명과 경로는 직접 본인의 계정에 맞게 노가다 하셔야 합니다..^^


<head>   </head> 사이에 아래 소스를 넣어주시고요.

 <script type="text/javascript" src="./images/menu.js"></script>


아래 소스는 style.css 창에서 추가해주시고요.

더보기



아래 소스를 원하는 위치에 넣어서 사용하시면 됩니다.

더보기


메뉴의 위치는
#navigation {
   margin:1px 0;
}
에서 설정하시면 됩니다. 사용중이신 스킨CSS와 충돌이 생길수도 있으니 자세히 살펴보시고 적용하세요.


- 2009년 6월 23일 수정 -
첨부파일 사라진것 복구했습니다.



신고