제이쿼리 카운트 다운 정보
제이쿼리 카운트 다운관련링크
http://gpkorea2002.cafe24.com/
471회 연결
첨부파일
본문
제이쿼리로 카운트 다운을 만들어봤습니다. 사용하기는굉장히 쉽습니다.
head.sub.php에 js파일 넣어주시고 첨부한 php파일을 필요한 위치에 include시켜주시면됩니다.
현재는 카운트날짜를 수동으로 적게 되어있는데 게시판을 연결해서 쓰시면 더더욱 관리하시기 편리하실겁니다.
현재 수동으로 카운트 날짜 변경하는 방법입니다.
countdown.php파일안에
<script language="javascript" type="text/javascript">
jQuery(document).ready(function() {
$('#countdown_dashboard').countDown({
targetDate: {
'day': 23,
'month': 9,
'year': 2012,
'hour': 8,
'min': 0,
'sec': 0
},
omitWeeks: true
});
});
</script>
여기서 변경해주시면 됩니다. 감사합니다.
ps: 다운만 받지 마시고 추천은 꼭 부탁드립니다!!!!!!
head.sub.php에 js파일 넣어주시고 첨부한 php파일을 필요한 위치에 include시켜주시면됩니다.
현재는 카운트날짜를 수동으로 적게 되어있는데 게시판을 연결해서 쓰시면 더더욱 관리하시기 편리하실겁니다.
현재 수동으로 카운트 날짜 변경하는 방법입니다.
countdown.php파일안에
<script language="javascript" type="text/javascript">
jQuery(document).ready(function() {
$('#countdown_dashboard').countDown({
targetDate: {
'day': 23,
'month': 9,
'year': 2012,
'hour': 8,
'min': 0,
'sec': 0
},
omitWeeks: true
});
});
</script>
여기서 변경해주시면 됩니다. 감사합니다.
ps: 다운만 받지 마시고 추천은 꼭 부탁드립니다!!!!!!
추천
17
17
댓글 26개
좋네요..
깔끔하고..
유용하게 쓸일이 있을듯....굿잡 추천드립니다..
깔끔하고..
유용하게 쓸일이 있을듯....굿잡 추천드립니다..
어이쿠 항상 좋은 소스 공개해주시는 이천이지님이시네요 항상 감사합니다^^
^_^ 감사합니다~ 추천 꾸욱~
감사합니다 메탈포스님
추천!!!
감사합니다 오리위즈님^^
감사합니다 추천!
감사합니다 there007 님^^
오 감사합니다^^
또다른세상님 감사합니다~
head.sub.php에 js파일 넣어주시고 라고 되어있는데 head.sub.php에 js파일을 복사해서 넣어야 하나요?
아니면 js폴드에 넣으면 되나요?
그리고 게시판 연동은 어떻게 하면 되나요?
아니면 js폴드에 넣으면 되나요?
그리고 게시판 연동은 어떻게 하면 되나요?
js폴더안에 넣으시면 됩니다. 그리고 head.sub.php에서
<script type="text/javascript" src="<?=$g4['path']?>/js/jquery.lwtCountdown-1.0.js"></script>이렇게 넣어주시면됩니다.
게시판 연동은 최신글을 하나 만드셔서
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>
<table width="280" border="0" cellspacing="0" cellpadding="0">
<? for ($i=0; $i<count($list); $i++) { ?>
<tr>
<td><div id="countdown_dashboard">
<p><strong><?=$list[$i][subject]?></strong></p>
<div class="dash days_dash">
<div class="digit">0</div>
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<span class="dash_title">d</span>
<div class="dash hours_dash">
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<span class="dash_title">h</span>
<div class="dash minutes_dash">
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<span class="dash_title">m</span>
<div class="dash seconds_dash">
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<span class="dash_title" style="margin-right:0px;">s</span> </div></td>
</tr>
<tr><td height="20"></td></tr>
<script language="javascript" type="text/javascript">
jQuery(document).ready(function() {
jQuery('#countdown_dashboard').countDown({
targetDate: {
'day': <?=$list[$i][wr_3]?>,
'month': <?=$list[$i][wr_2]?>,
'year': <?=$list[$i][wr_1]?>,
'hour': <?=$list[$i][wr_4]?>,
'min': 0,
'sec': 0
},
omitWeeks: true
});
});
</script>
<? } ?>
<? if (count($list) == 0) { ?><tr><td align=center height=50><font color=#6A6A6A>게시물이 없습니다.</a></td></tr><? } ?>
</table>
이렇게 넣어주시고 게시판하나 생성하셔서 wr_1~wr_4 년 월 일 시 이렇게 input박스만드셔서 입력해주시고 불러오시면됩니다~~
<script type="text/javascript" src="<?=$g4['path']?>/js/jquery.lwtCountdown-1.0.js"></script>이렇게 넣어주시면됩니다.
게시판 연동은 최신글을 하나 만드셔서
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>
<table width="280" border="0" cellspacing="0" cellpadding="0">
<? for ($i=0; $i<count($list); $i++) { ?>
<tr>
<td><div id="countdown_dashboard">
<p><strong><?=$list[$i][subject]?></strong></p>
<div class="dash days_dash">
<div class="digit">0</div>
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<span class="dash_title">d</span>
<div class="dash hours_dash">
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<span class="dash_title">h</span>
<div class="dash minutes_dash">
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<span class="dash_title">m</span>
<div class="dash seconds_dash">
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<span class="dash_title" style="margin-right:0px;">s</span> </div></td>
</tr>
<tr><td height="20"></td></tr>
<script language="javascript" type="text/javascript">
jQuery(document).ready(function() {
jQuery('#countdown_dashboard').countDown({
targetDate: {
'day': <?=$list[$i][wr_3]?>,
'month': <?=$list[$i][wr_2]?>,
'year': <?=$list[$i][wr_1]?>,
'hour': <?=$list[$i][wr_4]?>,
'min': 0,
'sec': 0
},
omitWeeks: true
});
});
</script>
<? } ?>
<? if (count($list) == 0) { ?><tr><td align=center height=50><font color=#6A6A6A>게시물이 없습니다.</a></td></tr><? } ?>
</table>
이렇게 넣어주시고 게시판하나 생성하셔서 wr_1~wr_4 년 월 일 시 이렇게 input박스만드셔서 입력해주시고 불러오시면됩니다~~
완죤 므찌네요...
좋은자료 감사합니다 ^^
좋은자료 감사합니다 ^^
감사합니다 미운오리스키님~
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>
<table width="280" border="0" cellspacing="0" cellpadding="0">
<? for ($i=0; $i<count($list); $i++) { ?>
<tr>
<td><div id="countdown_dashboard">
<p><strong><?=$list[$i][subject]?></strong></p>
<div class="dash days_dash">
<div class="digit">0</div>
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<span class="dash_title">d</span>
<div class="dash hours_dash">
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<span class="dash_title">h</span>
<div class="dash minutes_dash">
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<span class="dash_title">m</span>
<div class="dash seconds_dash">
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<span class="dash_title" style="margin-right:0px;">s</span> </div></td>
</tr>
<tr><td height="20"></td></tr>
<script language="javascript" type="text/javascript">
jQuery(document).ready(function() {
jQuery('#countdown_dashboard').countDown({
targetDate: {
'day': <?=$list[$i][wr_3]?>,
'month': <?=$list[$i][wr_2]?>,
'year': <?=$list[$i][wr_1]?>,
'hour': <?=$list[$i][wr_4]?>,
'min': 0,
'sec': 0
},
omitWeeks: true
});
});
</script>
<? } ?>
<? if (count($list) == 0) { ?><tr><td align=center height=50><font color=#6A6A6A>게시물이 없습니다.</a></td></tr><? } ?>
</table>
이 소스를 어디에 넣어야 하나요?
그리고 위 소스를 적용하면
include를 하지 않아도 되나요?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>
<table width="280" border="0" cellspacing="0" cellpadding="0">
<? for ($i=0; $i<count($list); $i++) { ?>
<tr>
<td><div id="countdown_dashboard">
<p><strong><?=$list[$i][subject]?></strong></p>
<div class="dash days_dash">
<div class="digit">0</div>
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<span class="dash_title">d</span>
<div class="dash hours_dash">
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<span class="dash_title">h</span>
<div class="dash minutes_dash">
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<span class="dash_title">m</span>
<div class="dash seconds_dash">
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<span class="dash_title" style="margin-right:0px;">s</span> </div></td>
</tr>
<tr><td height="20"></td></tr>
<script language="javascript" type="text/javascript">
jQuery(document).ready(function() {
jQuery('#countdown_dashboard').countDown({
targetDate: {
'day': <?=$list[$i][wr_3]?>,
'month': <?=$list[$i][wr_2]?>,
'year': <?=$list[$i][wr_1]?>,
'hour': <?=$list[$i][wr_4]?>,
'min': 0,
'sec': 0
},
omitWeeks: true
});
});
</script>
<? } ?>
<? if (count($list) == 0) { ?><tr><td align=center height=50><font color=#6A6A6A>게시물이 없습니다.</a></td></tr><? } ?>
</table>
이 소스를 어디에 넣어야 하나요?
그리고 위 소스를 적용하면
include를 하지 않아도 되나요?
음...skin/latest/countdown폴더생성하시고요 그안에 지금코드를 latest.skin.php라는 파일만드시고 넣으십시오 그리고 부르실때는 <?=latest("countdown","게시판명","1")?>이렇게 호출하시면 됩니다~~~
전 배추빌더와 배추스킨을 사용합니다.
빌더와 상관없이 적용됩니다^^
신비나라님 친절한 답변에 감사드립니다.
추가적으로 한가지 질문좀 드릴께요
현재 배추스킨을 사용하면 설문 기능이 있습니다.
종료일자를 입력하게 되어 있는데...
이 설문 종료일을 카운트하고자 하는데요.
배추스킨에서 설문을 작성할때 보드테이블이 아닌 또다른 g4_mw_vote 테이블이 있습니다.
이곳에 vt_edate 필드에 설문종료날짜가 저장이 됩니다.
2012-03-31 이러한 방식으로 들어가는데..
아래를 수정하려면 어떻게 해야 하나요?
'day': <?=$list[$i][wr_3]?>,
'month': <?=$list[$i][wr_2]?>,
'year': <?=$list[$i][wr_1]?>,
'hour': <?=$list[$i][wr_4]?>,
한수 부탁드립니다.
추가적으로 한가지 질문좀 드릴께요
현재 배추스킨을 사용하면 설문 기능이 있습니다.
종료일자를 입력하게 되어 있는데...
이 설문 종료일을 카운트하고자 하는데요.
배추스킨에서 설문을 작성할때 보드테이블이 아닌 또다른 g4_mw_vote 테이블이 있습니다.
이곳에 vt_edate 필드에 설문종료날짜가 저장이 됩니다.
2012-03-31 이러한 방식으로 들어가는데..
아래를 수정하려면 어떻게 해야 하나요?
'day': <?=$list[$i][wr_3]?>,
'month': <?=$list[$i][wr_2]?>,
'year': <?=$list[$i][wr_1]?>,
'hour': <?=$list[$i][wr_4]?>,
한수 부탁드립니다.
게시판연동 되었습니다.
추천 꽝하고 찍습니다.
그런데 신비나라님 홈페이지하고 디자인이 틀리네요.
이것까지 주심 안될까요?
추천 꽝하고 찍습니다.
그런데 신비나라님 홈페이지하고 디자인이 틀리네요.
이것까지 주심 안될까요?
좋은 자료네요..~~
디자인이 다른데 동일하게 할 순 없나요?
디자인 동일한데요 ㅠ.ㅠ 사이트 주소좀 주시면 제가 봐드리겠습니다.
스타일부분에 <?=$latest_skin_path?>/ 부분이 누락되었네요.
감사합니다.
감사합니다.
감사합니다. 추천합니다.
감사합니다~