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;
}

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

사용자 삽입 이미지