스킨 더보기 상자 조절하기 (moreless)

[대문.16.스킨] 에서 더보기 상자 수정하기

2011.봄. 블로그 스킨 변경 : 대문스킨16

 

[main.css] 에서 수정 부분

 

 

main.css 수정 전

main.css 수정 후

 

---

[ main.css 코드 수정부분 ]

 

 .moreless_fold{
background: url(button-fold.gif) no-repeat;
color:#FF00FF;
text-align:left;
display:black;
}

.moreless_top,.moreless_bottom{
background: url(button.gif) no-repeat;
color: #000000;
text-align:center;
display:block;
}

 

수정파일 :

main.css_moreless_수정부분.txt

main.css

 

 

[default.css] 에서 수정 부분

default.css 수정 전

default.css 수정 후

 

---

[ default.css 코드 수정부분 ]


.moreless_fold{display:block;width:520px;height:40px;margin:0;line-height:40px}
.moreless_top,.moreless_bottom{display:block;width:120px;height:40px;margin:0;line-height:40px}
.moreless_fold:hover,.moreless_top:hover,.moreless_bottom:hover{color:#fff}
.moreless_content{padding:15px 0;border-bottom:1px solid #ddd;border-top:1px solid #ddd}

 

 수정파일 :

default.css_moreless_수정부분.txt

default.css

 

[button.gif] 이미지 수정

 넓이(폭) 수정 : 120 → 520

 파일이름 변경 : button-fold.gif

button-fold.gif

 

---

 

[더보기]

 

 

의지가 있으면, 발걸음이 가볍다.