iNove 스킨 수정: more/less 아이콘 추가

iNove 스킨을 사용하다보니 more/less 아이콘이 없더라.
아이콘을 달려면 아래와 같이 하면 된다.


1. 아이콘 업로드

아래 파일을 다운받아 압축을 푼 뒤에 스킨→직접올리기에서 올린다.



2. style.css 수정

style.css의 끝부분에 아래의 내용을 추가한다.

/* more/less */
.article .moreless_fold { background:url(images/icon_more.gif) left 5px no-repeat;  padding-left: 30px; border-top: 4px double #eeeef1; }
.article .moreless_top { background:url(images/icon_less.gif) left top no-repeat;  padding-left: 30px; border-bottom: 1px solid #eeeef1; color: #344399; }
.article .moreless_bottom { background:url(images/icon_lessR.gif) right 5px no-repeat;  padding-right: 25px; border-top: 1px solid #eeeef1; color: #344399; text-align:right; }
.article .moreless_top span,
.article .moreless_bottom span,
.article .moreless_fold span { display:block; }
/* more/less */


아이콘이 달린 more/less는 아래와 같은 모습이 된다.

사용자 삽입 이미지