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

사용자 삽입 이미지


Trackback 0 Comment 4
  1. Favicon of http://metropeople.tistory.com BlogIcon 대구사랑 2009.05.10 08:52 address edit & delete reply

    오, 요즘 스킨 수정 하시나봐여.
    일요일 오늘 가족분들과 편안하게 지내시길...

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

      버그가 있으면 어쩔 수 없죠... ㅠ.ㅠ

  2. Favicon of http://hongdou.textcube.com/ BlogIcon 홍두 2009.05.11 05:12 address edit & delete reply

    역시 전 여기선 영화이야기를 중점적으로만...ㅡㅡ
    이런 컴퓨터 관련은 어렵다능...ㅠㅠ

    • Favicon of http://zockr.tistory.com BlogIcon BLUEnLIVE 2009.05.11 08:55 address edit & delete

      영화 블로그를 분리해서 운영해봤더니 관리가 안 돼서 다시 합친 겁니다... ㅠ.ㅠ