iNove 스킨 버그(?) 3가지 수정 (내용 추가)

1. 각주의 인덱스를 숫자로 변경

 iNove 스킨을 쓰면 각주(footnote)의 인덱스가 숫자 대신 불릿으로 표시된다.
스킨 제작시의 의도일 수도 있지만, 본문과 숫자로 연결되다 보니 좀 불편하다.

이는 ordered 와 unordered list 태그의 속성을 일괄적으로 부여해서 나타나는 현상이다.
style.css에서 아래의 내용을 찾는다.

.article li {padding-left:10px; list-style-position:inside; list-style-type:disc;}

이 부분을 아래와 같이 수정한다.

.article ol li {margin-left:25px; }
.article div ol li {margin-left:30px; }
.article ul li {padding-left:25px; list-style-position:inside; list-style-type:disc;}

또, BBCode에서 [list] 태그를 사용하면 앞에 숫자가 제대로 나오지 않는다.
이것 역시 원인은 마찬가지다. 이것을 해결하려면 style.css에서 아래 내용을 찾는다.

#commentlist ol, 
#commentlist li {
    list-style:none;
}

이 부분을 아래와 같이 수정한다.

#commentlist ul li { 
    list-style:none;
}

#commentlist .nobbcode ol li {
    list-style-position: inside;
}

수정된 결과는 아래와 같다.

사용자 삽입 이미지

BBCode의 [list] 태그 예제는 생략. ^^;




2. 하단 페이지 번호중 현재 페이지 표시

하단의 페이지 인덱스 번호에서 현재 페이지가 별도로 표시되지 않는다.
그저 마우스 커서를 갖다대었을 때 커서의 모양으로만 식별이 되는데, 이게 은근히 불편하다.

현재 페이지가 표시되게 하려면 style.css에 아래의 내용을 추가하면 된다.

#pagenavi span.selected {
    color:#fff;
    font-weight:bold;
    background-color:#2970A6;
}

수정된 결과는 아래와 같다.

사용자 삽입 이미지



3. pre 태그에서 따옴표 표시 없앰

Syntax Highlighter에서는 코드를 <pre> 태그로 감싼다.
그런데, iNove 스킨에서는 <pre> 태그는 인용(<blockquote>)과 같은 스타일로 지정이 되어있다.
그래서, 코드를 변환하기 전에 따옴표가 화면에 표시가 되는데, 이게 은근히 거슬리더라.

이 문제(?)를 수정하려면 <blockquote>와 <pre> 태그의 스타일을 구분해서 지정하면 된다.
style.css에서 아래의 내용을 찾는다.

blockquote, pre {
    background:#F5F4F5 url(images/blockquote.png) 3px 3px no-repeat;
    border:1px dashed #CCC;
    padding:8px 12px 8px 36px;
    margin:5px 0;
}

이 부분을 아래와 같이 수정한다.

blockquote {
    background:#F5F4F5 url(images/blockquote.png) 3px 3px no-repeat;
    border:1px dashed #CCC;
    padding:8px 12px 8px 36px;
    margin:5px 0;
}

pre {
    border:1px dashed #CCC;
    padding:4px 8px;
    margin:5px 0;
}

수정된 결과는 아래와 같다.
(문법이 변환되기 전의 잠깐의 모습임)

사용자 삽입 이미지


Trackback 0 Comment 6
  1. Oo고목나무oO 2009.06.18 22:52 address edit & delete reply

    뭔 소리얏!!!

    • Favicon of http://zockr.tistory.com BlogIcon BLUEnLIVE 2009.06.18 22:54 address edit & delete

      뭐... 다 그렇단 얘기지... :P

  2. Favicon of http://howdytv.tistory.com BlogIcon 미르 2009.09.25 01:00 address edit & delete reply

    안녕하세요.
    INove 스킨으로 새롭게 단장하려 검색하다가 알게 되었습니다.
    너무나 좋은 포스팅 감사합니다.
    하나 하나 따라하면서 바꾸고 있어요 ^^
    감사합니다.

    • Favicon of http://zockr.tistory.com BlogIcon BLUEnLIVE 2009.09.25 04:00 address edit & delete

      찾아보시면 이리저리 수정해놓은 포스트가 좀 됩니다.
      참, 댓글(comment)이 commnet라고 되어있는 버그도 있습니다. ㅎㅎ

    • Favicon of http://howdytv.tistory.com BlogIcon 미르 2009.09.25 08:52 address edit & delete

      네! 소스 보다가 발견해서 낼름 고쳤어요 ㅎㅎ
      감사합니다~

  3. Favicon of http://blog.jidolstar.com BlogIcon 지돌스타 2009.10.20 11:15 address edit & delete reply

    감사합니다. ^^