Monochrome Skin for TISTORY

티스토리를 위한 Monochrome 스킨을 배포합니다.

태터툴즈 1.1 용 Monochrome 스킨을 티스토리에 맞게 수정했습니다. 당연히 큰 차이는 없어요. :) 티스토리용을 이제야 내 놓는 이유는 제가 이제야 티스토리에 입성할수 있었기 때문에..... ;_; 이거 뭐.. 태터툴즈 1.1하고 똑같군요~! 미디어로그는 구미가 당기는 기능이에요..
아무튼...

[#M_적용방법.|적용방법 닫기.|

1. 티스토리 관리자 모드 - 스킨 - 스킨 선택에서 직접 올리기를 선택합니다.
2. hi8ar_mono 와 hi8ar_mono_red 둘 중, 적용하고자 하는 스킨의 파일을 모두 선택하여 올립니다.
3. 미리보기를 한번 눌러서, 모든 파일이 잘 올라갔는지 확인합니다.
4. 적용을 눌러 사용합니다.

생각했던것 보다 간단하군요!

SweetTitle 관련 스크립트들의 확장자를 gif 로 변경하여 images 폴더로 넣었습니다. 스크립트를 사용하기 위한 일종의 꼼수... 적용하고 사용하는데에 큰 문제는 없습니다.
다만 다음의 두가지 문제가 있을수 있습니다.

1. 티스토리에 기본으로 제공되는 플러그인중에 하나인, 무지개 링크와 충돌합니다.
2. Lightbox 플러그인과 함께 사용할시, 라이트박스 효과에서 그림아래에 Caption이 나오지 않을수 있습니다. 이는 SweetTitle JS 가 "title" 속성을 "tip" 이란 이름으로 바꿔버리기 때문입니다. 설치형 태터툴즈의 경우, Lightbox JS 파일을 수정하여 나오게 할 수 있는데, 티스토리는 플러그인 수정이 불가능하므로..... 어쩔수가 없습니다.. ;_;

SweetTitle 을 사용하지 않으시려면,
skin.html 파일 13~20 라인까지..

<!-- SweetTitle -->
<script type="text/javascript" src="./images/addEvent.gif"></script>
<script type="text/javascript" src="./images/sweetTitles.gif"></script>
   <style type="text/css" media="screen,projection">
       <!--
           @import "./images/sweetTitles.css";
       -->
   </style>

를 스킨 편집모드에서 삭제하시면 됩니다. :)

2006. 12.11 SweetTitle JS 제거.
티스토리에서는 이 스크립트가 잘 적용되지 않는것 같습니다. FF 에서는 이상이 없는데, IE에서는 링크위에 마우스를 가져가면, 페이지 오류를 띄웁니다. 왜 이런지 전혀 모르겠습니다. 제 블로그 (설치형 태터툴즈)에서는 IE에서도 아무런 문제가 없는데 말이죠. ^^; 죄송합니다. 티스토리에서 스윗타이틀 스크립트 사용은 포기합니다. sweettitle 부분은 삭제 합니다.

2006.12.11 키워드 로그 출력부분 수정.
Disturbed Angel님이 알려주신 문제 입니다. 태터툴즈 1.1에서 사용하던 치환자가 티스토리에서는 빠졌나 봅니다. 제가 워낙 대충 확인 하는 성격인지라..^^;
직접 수정하시려면,
스킨 편집 모드에서, skin.html 파일,

       <!-- Keyword -->
       <s_keyword>
           <h3>Keyword</h3>
           <ul id="keyList">
               <s_keyword_date_rep><s_keyword_rep>
               <li><a href="#" onclick="[ ##_onclick_keyword_## ]">[ ##_keyword_label_## ]</a></li>
               </s_keyword_rep></s_keyword_date_rep>
           </ul>
       </s_keyword>

이 부분에서, <s_keyword_date_rep></s_keyword_date_rep> 이 부분을 삭제하시면 됩니다.

               <s_keyword_rep>
               <li><a href="#" onclick="[ ##_onclick_keyword_## ]">[ ##_keyword_label_## ]</a></li>
               </s_keyword_rep>

위와 같이..
이 내용은 StillGyo 님의 이 포스트 에서 알았습니다.

※ Keyword 로그 기능을 사용하시려면 관리자 모드 - 플러그인 에서 키워드 출력 플러그인을 사용중으로 변경하셔야 합니다.
※ 본문글에 나오는 키워드 링크의 모양은 style.css 파일 111라인

  /* 16. 키워드 스타일 */
      .key1 {
         cursor: pointer;
         border-bottom: 1px dashed #993333;
     }

.key1 에 적용되어 있습니다. 빨강색으로 표시된 부분은, 이번에 새로 올리면서 새로 추가된 부분입니다.

간단하게 키워드 테스트.

사랑하는 사람들이 하는 TEST


_M#]

invalid-file

다운로드(Download)

감사합니다~!

태터툴즈용 스킨 배포 페이지를 보시려면..
Monochrome Skin 을 찾아 오셨습니까?