이 소스의 이미지 크기좀 줄이고 싶어요 ㅠ.ㅠ > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

이 소스의 이미지 크기좀 줄이고 싶어요 ㅠ.ㅠ 정보

이 소스의 이미지 크기좀 줄이고 싶어요 ㅠ.ㅠ

본문

오류가 나는곳의 주소를 알려주시면 더 빠르고 정확하게 답변 받을 수 있습니다.

오류 주소 :

경매의 남은 시간 표시해주는 소스인데...

http://sir.co.kr/bbs/board.php?bo_table=g4_tiptech&wr_id=27394&sca=&sfl=wr_subject%7C%7Cwr_content&stx=%EA%B2%BD%EB%A7%A4

숫자 이미지가 너무 커서 numbers.png 이미지 크기를 207x20으로 줄여줬습니다.

아래부분에서... 위치를 맞춰줘야하는데 아무리해도 못맞추겠네요.
능력자부들 도움좀 주세요.


<style type="text/css">
.time{position:relative;}
.time .hms{position:absolute}
.time .hms:after{display:block;clear:both;content:''}
.time .hms span{float:left}
.time .hms .timer{width:19px;height:40px;}
.time .hms .timer_day{width:30px;height:40px;margin-right:4px;background:url("<?=$g4['path']?>/img/numbers.png") no-repeat scroll -190px 0px transparent;}
.time .hms .timer_hour{width:63px;height:40px;margin-right:4px;background:url("<?=$g4['path']?>/img/numbers.png") no-repeat scroll -219px 0px transparent;}
.time .hms .timer_min{width:33px;height:40px;margin-right:4px;background:url("<?=$g4['path']?>/img/numbers.png") no-repeat scroll -282px 0px transparent;}
.time .hms .timer_sec{width:34px;height:40px;background:url("<?=$g4['path']?>/img/numbers.png") no-repeat scroll -316px 0px transparent;}
.time .hms .timer_end{width:63px;height:40px;background:url("<?=$g4['path']?>/img/numbers.png") no-repeat scroll -350px 0px transparent;}
</style>

<table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td height="40" valign="top">
<!-- 남은시간 시작 -->
<div id="left_time" class="time">
<div class="hms">
<span id="td1" class="timer"></span>
<span id="td2" class="timer"></span>
<span id="td" class="timer_day"></span>
<span id="th1" class="timer"></span>
<span id="th2" class="timer"></span>
<span id="th" class="timer_hour"></span>
<span id="tm1" class="timer"></span>
<span id="tm2" class="timer"></span>
<span id="tm" class="timer_min"></span>
<span id="ts1" class="timer"></span>
<span id="ts2" class="timer"></span>
<span id="ts" class="timer_sec"></span>
</div>
</div>

댓글 전체

먼저 슷자부분은
$('#td1').html(bg_prefix + (-(Math.floor((days % 100) / 10))*19) + bg_suffix);
$('#td2').html(bg_prefix + (-(days % 10)*19) + bg_suffix);
$('#th1').html(bg_prefix + (-(Math.floor((hours % 100) / 10))*19) + bg_suffix);
$('#th2').html(bg_prefix + (-(hours % 10)*19) + bg_suffix);
$('#tm1').html(bg_prefix + (-(Math.floor(minutes / 10))*19) + bg_suffix);
$('#tm2').html(bg_prefix + (-(minutes % 10)*19) + bg_suffix);
$('#ts1').html(bg_prefix + (-(Math.floor(seconds / 10))*19) + bg_suffix);
$('#ts2').html(bg_prefix + (-(seconds % 10)*19) + bg_suffix);
$('#ts1').html(bg_prefix + (-(Math.floor(seconds / 10))*19) + bg_suffix);
$('#ts2').html(bg_prefix + (-(seconds % 10)*19) + bg_suffix);
로 조정이 되고요 보시면 19라는 숫자가 있는데 이것은 각각 숫자간 간격이라고 보시면 됩니다
만약 크기를 10px 로 줄이신다면 각 숫자의 칸을 10px로 맞추어 주시고
0은 0 픽섹부터 10px사이 1은 10px 에서 20px 사이로 포토샵으로 만들어 주시고
19를 10으로 변경해 주시면 되고
아래부분 css .time .hms .timer{width:19px;height:40px;}
를 10px 로 조정해 주시고

텍스트 부분은

.time .hms .timer_day{width:30px;height:40px;margin-right:4px;background:url("<?=$g4['path']?>/img/numbers.png") no-repeat scroll -190px 0px transparent;}
.time .hms .timer_hour{width:63px;height:40px;margin-right:4px;background:url("<?=$g4['path']?>/img/numbers.png") no-repeat scroll -219px 0px transparent;}
.time .hms .timer_min{width:33px;height:40px;margin-right:4px;background:url("<?=$g4['path']?>/img/numbers.png") no-repeat scroll -282px 0px transparent;}
.time .hms .timer_sec{width:34px;height:40px;background:url("<?=$g4['path']?>/img/numbers.png") no-repeat scroll -316px 0px transparent;}
.time .hms .timer_end{width:63px;height:40px;background:url("<?=$g4['path']?>/img/numbers.png") no-repeat scroll -350px 0px transparent;}
에서 각각의 텍스트가 시작하는 가로 위치를 scroll 옆에 - 숫자로 입력해 주시면 됩니다
각텍스트의 width 사이즈를 변경해 주시면 됩니다
전체 66,554 |RSS
그누4 질문답변 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT