iNove 스킨 버그 수정: 트랙백 걸기 추가

사용자 삽입 이미지

화면 구성을 조정하는 과정에서 E, T, D로 짧게 적었습니다


헨리 님께서 공개하신 iNove For Tistory 스킨은 워드프레스 스킨을 변환한 것인데, 디자인과 색감이 깔끔해서 많이들 사용하고 계십니다.
그런데, 약간의 버그가 있습니다.

1. 본문 제목 부분에 트랙백 및 삭제 아이콘이 없어 트랙백을 걸거나 삭제하려면 관리메뉴로 가야 함
2. 불필요한 편집 메뉴가 있음

이 버그를 수정하는 방법은 아래와 같습니다.


1. 파일 추가

새로 추가할 트랙백 및 삭제 기능에서 사용할 아이콘을 추가합니다.
아래 파일을 다운받아 압축을 푼 뒤 관리메뉴의 스킨→직접 올리기에서 올립니다.



2. css 추가

추가할 기능에서 사용할 아이콘을 css에 등록합니다.
아래 내용을 style.css 맨 끝에 추가하면 됩니다.
/* trackback icon 버그패치 */
.post .edtrackback,
.post .eddelete {
    background:url(images/icons2.gif) no-repeat;
    padding-left:22px;
    height:16px;
    line-height:16px;
    display:block;
    font-size:11px;
}

.post .eddelete {
    background-position:0 -16px;
}
/* trackback icon 버그패치 */


3. 트랙백/삭제 메뉴 추가

skin.html에서 아래와 같은 부분을 찾습니다. 원본 파일의 경우 189행부터 시작됩니다.
<s_article_rep>
    <div class="post">
        <h2><a href="[#\#_article_rep_link_#\#]">[#\#_article_rep_title_#\#]</a></h2>
        <div class="info">
            <span class="date">[#\#_article_rep_date_#\#]</span>
            <div class="act">
                <span class="comments"><a href="[#\#_article_rep_link_#\#]#commentlist"><s_rp_count>[#\#_article_rep_rp_cnt_#\#] Comments</s_rp_count></a></span>
                <s_ad_div>
                    <span class="editpost"><a href="[#\#_s_ad_m_link_#\#]">Edit</a></span>
                </s_ad_div>
            </div>
            <div class="fixed"></div>
        </div>
표시해 둔 9행 다음에 아래의 두 줄을 추가합니다.
<span class="edtrackback"><a href="#" onclick="[#\#_s_ad_t_onclick_#\#]">Trackback</a></span>
<span class="eddelete"><a href="#" onclick="[#\#_s_ad_d_onclick_#\#]">Delete</a></span>


4. 불필요 편집 메뉴 삭제

skin.html에서 다음과 같은 부분을 찾습니다. 원본 파일의 경우 167행부터 시작됩니다.
<s_article_protected>
    <div class="post">
        <h2><a href="[#\#_article_rep_link_#\#]">[#\#_article_rep_title_#\#]</a></h2>
        <div class="info">
            <span class="date">[#\#_article_rep_date_#\#]</span>
            <div class="act">
                <s_ad_div>
                    <span class="editpost"><a href="[#\#_s_ad_m_link_#\#]">Edit</a></span>
                </s_ad_div>
            </div>
            <div class="fixed"></div>
        </div>
여기서 표시된 6~10행을 삭제합니다.

이것으로 스킨의 버그 수정은 끝났습니다.
멋진 스킨 잘 쓰시기 바랍니다.


Trackback 1 Comment 9
  1. Favicon of http://zasfe.com BlogIcon zasfe 2009.05.04 16:05 address edit & delete reply

    사용하고 계신게 원래 배포되는 스킨보다 좋아보이네요. 퍼가도 될까요? ;)

    • Favicon of http://zockr.tistory.com BlogIcon BLUEnLIVE 2009.05.04 18:52 address edit & delete

      네. 상관 없습니다. 제가 만들거나 변환한 스킨도 아닌데요...
      그런데, 가급적 색은 바꿔주심이...
      보라색은 조커님의 색이라... 홍홍

  2. Favicon of http://offree.net/ BlogIcon 도아 2009.05.04 18:06 address edit & delete reply

    잉... 전에는 웬리님 스킨이 아니었던 것 같은데 지금 보니 웬리님 스킨이네요...

    • Favicon of http://zockr.tistory.com BlogIcon BLUEnLIVE 2009.05.04 18:45 address edit & delete

      약간의 소동이 있었습니다. ^^;

    • Favicon of http://offree.net/ BlogIcon 도아 2009.05.04 23:45 address edit & delete

      지난번 그일인가 보군요... 어차피 같은 스킨인데요...

  3. Favicon of http://minimonk.tistory.com BlogIcon 구차니 2009.05.06 02:41 address edit & delete reply

    어라? Syntax Highlighter가 한줄씩만 선택이 되나요?
    제꺼는 전체 선택도 가능했는데 BLUE님꺼는 한줄씩만 선택이 되네요 -ㅁ-!

    • Favicon of http://zockr.tistory.com BlogIcon BLUEnLIVE 2009.05.06 09:52 address edit & delete

      어? 지금 보니 그렇군요. 그런데... 흠흠... 패스하겠습니다.

  4. Favicon of http://brainchaos.kr BlogIcon brainchaos 2009.05.07 11:05 address edit & delete reply

    덕분에 수정해서 잘 사용중입니다.
    너무 감사드립니다. ^^;

  5. Favicon of http://blog.jidolstar.com BlogIcon 지돌스타 2009.10.20 10:18 address edit & delete reply

    감사합니다.