이전 목록 다음
채택완료

item.php 에서 증가 감소 이미지로 변경하는 방법 좀 알려주세요.

아아이다운
프로필 보기이 회원 글보기이 회원의 댓글보기
 2014-07-02 (수) 14:11:41 10,233

증가 감소 문구를
이미지로 변경하였더니. 올바른 접근방법이 아니라고 나오네요..
shop.js 를 수정해야 된다고 하는데
해결하신분 방법좀 알려주세요..

영카트5
|

답변 4개

채택된 답변
+20 포인트
thisgun
프로필 보기이 회원 글보기이 회원의 댓글보기
 2014-07-04 (금) 19:01:40

증가버튼

<button type="button" class="sit_qty_plus btn_frmline">증가</button> 

감소버튼

<button type="button" class="sit_qty_minus btn_frmline">감소</button> 

이렇게 있다면, 예들 들어서

증가버튼을 css로 수정해 주고 싶다면

Copy 
button.btn_frmline.sit_qty_plus.btn_frmline{background:url("http://demo.sir.co.kr/gnuboard5/skin/shop/basic/img/sns_fb_s.png") transparent no-repeat;line-height: 999px;width:20px;height:20px;}

감소버튼을 css로 수정해 주고 싶다면

Copy 
button.btn_frmline.sit_qty_minus.btn_frmline{background:url("http://demo.sir.co.kr/gnuboard5/data/item/1387871842/thumb-t31_70x70.jpg") transparent no-repeat;line-height: 999px;width:70px;height:70px;}

이렇게 스타일 주시면 됩니다.

위에 내용이 잘 이해가 가지 않으신다면, 반드시 필히 css 스프라이트 기법 에 대해 공부하셔야 합니다.

아아이다운
프로필 보기이 회원 글보기이 회원의 댓글보기
 2014-07-08 (화) 18:00:49

감사합니다. 적용해 볼께요...

아아이다운
프로필 보기이 회원 글보기이 회원의 댓글보기
 2014-07-04 (금) 17:41:09

죄송하시만. 좀더 자세한 설명 부탁드립니다.

thisgun
프로필 보기이 회원 글보기이 회원의 댓글보기
 2014-07-02 (수) 14:32:33

css에서 background-image로 처리하심이 편합니다.

답변을 작성하려면 로그인이 필요합니다.