심심할때 적용시켜 보는 심심풀이 스킨입니다.

images 폴더, style.css, skin.js로 구성됩니다.
style.css와 skin.js를 열어서 본인이 사용할 계정 주소로 수정해 주세요. 처음에 주석 달아놓았습니다.

개인 계정이 없으시면 텍큐닷컴 블로그에서도 가능합니다. 근데, 잘 안된다는 이야기도 있고요. 여튼, 블로그에 올리시면 접근 주소는 아래와 같습니다.

블로그 주소/글번호/attach/파일명
ex) http://blog.kimchulho.com/247/attach/bit1.jpg

이 스킨은 검색창의 위치를 상단으로 이동시키기 때문에 검색 위젯이 가장 위에 있어야 합니다. 가장 위에 있는 div를 이동시키게 해놓았으므로 검색창 위치가 위에 있지 않다면 코드를 수정해야하므로 그냥 최상단에 놓는 것이 좋습니다.

그리고, rss 이미지를 수정시키므로, 스킨을 적용시킬 html 위젯은 적어도 rss이미지 밑에 있어야 합니다. rss 이미지 수정은 따로 html 위젯으로 구현하고 원래 구독 버튼은 없애버리는 방식으로 해도 되지요.

관심 블로그 목록이나 기타 그림파일이 rss버튼 위에 위치하면 문제가 생기므로, skin.js 파일에
sideBar.getElementsByTagName('img').item(3)
에서 item 괄호 안의 숫자를 적절히 수정하면 됩니다. 사이드 바 안에 존재하는 이미지에 번호를 매겼다고 생각하면 됩니다. 가장 위에 있는 이미지가 0입니다.
카테고리 분리에 있는 아이콘도 그림에 포함되므로 적절히 그림파일 개수를 세어서 적용시키면 됩니다.

검색 위젯이 최상단, 스킨을 적용할 html 위젯은 최하단에 위치합니다.

<!-- 스킨 -->
<script type="text/javascript" src="http://kimchulho.com/tcskin/sosi_ultimate/skin.js">
</script>
html 위젯을 선택하고 위와 같이 내용을 작성하시면 됩니다. 저장하기 꼭 누르셔서 저장하시고요.
진하게 표시한 부분은 여러분의 계정으로 바꾸세요.

참고로, 잠깐 적용해보고 싶으신 분들을 위해 위의 주소를 열어놓겠습니다.

실제 적용된 곳은 아래입니다.
http://girl.textcube.com/

  1. 화군 2009/01/13 10:34 답글수정삭제

    신이신데요 ㅋㅋㅋ

  2. NZhe 2009/01/18 23:55 답글수정삭제

    와 스킨위자드가 필요없을정도로 멋진 디자인입니다! 이것을 적용할 수 있다는 사실이 신기하군요 :)

트랙백 주소 :: http://blog.kimchulho.com/249/trackback/
옵션
댓글 달기