방문자수 카운트 다운 스킨입니다

캡처.PNG

정해진 속도로 카운트 해주는 접속자 카운트 스킨입니다 

pc와 mobile버전별로 압축해제하여 visit 폴더를 해당경로로 복사붙여넣기 하시면 됩니다

 

1 복사경로 -> */skin/visit/Countup.basic

 

2 index.php 추가 - > <?php echo visit('theme/normal.basic');?>

2 index.php 추가 - > <?php echo visit('theme/Countup.basic');?>

 

기본 JavaScript (jQuery 스크립트)로 간단하고 간편합니다

 

$(document).ready(function(){

  $('.counter').each(function() {
    var $this = $(this),
        countTo = $this.attr('data-count');

    $({ countNum: $this.text()}).animate({
      countNum: countTo
    },

    {

      duration: 3000, //지속시간
      easing:'linear', 
      step: function() {
        $this.text(Math.floor(this.countNum));
      },
      complete: function() {
        $this.text(this.countNum);
      }
    });
  });

});

 

* 변경사항 [] 숫자가 none 으로 출력됨

    ㄴ visit.skin.php 14번째줄 코드수정 - 오후 5:36 2020-11-02

     -  변경전 -        

        <dt><span></span> 오늘</dt>
        <dd><strong><?php echo number_format($visit[1]) ?></strong></dd>
        <dt><span></span> 어제</dt>
        <dd><strong><?php echo number_format($visit[2]) ?></strong></dd>
        <dt><span></span> 최대</dt>
        <dd><strong><?php echo number_format($visit[3]) ?></strong></dd>
        <dt><span></span> 전체</dt>
        <dd><strong><?php echo number_format($visit[4]) ?></strong></dd>

 

     -  변경후 [] 숫자가 정상적으로 출력됨

         <dt><span></span> 오늘</dt> - 오후 5:36 2020-11-02 
        <dd><strong class="counter" data-count="<?php echo $visit[1] ?>">0</strong></dd>
        <dt><span></span> 어제</dt>
        <dd><strong class="counter" data-count="<?php echo $visit[2] ?>">0</strong></dd>
        <dt><span></span> 최대</dt>
        <dd><strong class="counter" data-count="<?php echo $visit[3] ?>">0</strong></dd>
        <dt><span></span> 전체</dt>
        <dd><strong class="counter" data-count="<?php echo $visit[4] ?>">0</strong></dd>

버전 정보

테스트한 버전 5.4.2.4
호환 가능 버전 5.3

첨부파일

캡처.PNG (3.1 KB)
0회 2020-04-14 13:13 포인트 차감 1
pc.zip (3.9 KB) 66회 2020-11-02 17:34 포인트 차감 1
mobile.zip (3.9 KB) 5회 2020-11-02 17:34 포인트 차감 1
|

댓글 17개

질문있습니다.
skin/visit/ 폴더안에 복사한다음에 index.php 추가 - > <?php echo visit('theme/normal.basic');?>
제일마지막에 복사만하면은 작동되는건가요?
네 index파일 적당한곳에 소스코드만 추가하시면됩니다
감사합니다
감사합니다
깔끔하고 멋지네요
안되는데요.. 정확히 어디 폴더에 넣야 하는지요? 그누보드 기본 skin폴더인지, 적용중인 theme의 skin폴더 인지.. 근데. 둘다 해봤는데.. 안되는 데요.. 왤까요?
소스 코드가 잘못됬었네요 죄송합니다
<?php echo visit('theme/normal.basic');?> 가 아닌
<?php echo visit('theme/Countup.basic');?> 이 코드로 수정해주세요

코드 - > <?php echo visit('theme/Countup.basic');?>
감사합니다
완전 초보 인사드립니다,
제가 theme company 로 홈페이지 작업중인데
홈페이지하단 tall.php 오른쪽에 위 접속자 집계를 넣고 싶은데 정말 초보라 모르겠습니다,
고수님들 초보좀 도와 주십시요, ^^

위에서 설명한 내용으로는 제가 이해를 할 수가 없네요 ㅠㅠ
정말 죄송한데 어떤 소스를 어디에 어떻게 넣는지 자세히 좀 알려주실 수 없는지요,

[http://sir.kr/data/editor/2105/cc66a12cfbc1fdebd54ea89fc71df7ee_1620867803_5239.jpg]
감사합니다
공유 감사드립니다
댓글을 작성하시려면 로그인이 필요합니다. 로그인

그누보드5 스킨

좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.

+
🐛 버그신고