2009년 5월 10일 일요일

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는 아래와 같은 모습이 된다.

사용자 삽입 이미지


댓글 4개:

  1. 오, 요즘 스킨 수정 하시나봐여.

    일요일 오늘 가족분들과 편안하게 지내시길...

    답글삭제
  2. @대구사랑 - 2009/05/10 08:52
    버그가 있으면 어쩔 수 없죠... ㅠ.ㅠ

    답글삭제
  3. 역시 전 여기선 영화이야기를 중점적으로만...ㅡㅡ

    이런 컴퓨터 관련은 어렵다능...ㅠㅠ

    답글삭제
  4. @홍두 - 2009/05/11 05:12
    영화 블로그를 분리해서 운영해봤더니 관리가 안 돼서 다시 합친 겁니다... ㅠ.ㅠ

    답글삭제