AR CSS 시계 (visit) HTML로 구현되는 시계 > 그누보드5 스킨

그누보드5 스킨

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

AR CSS 시계 (visit) HTML로 구현되는 시계 정보

접속자 AR CSS 시계 (visit) HTML로 구현되는 시계

첨부파일

ar.clock1.zip (2.1K) 26회 다운로드 2018-03-05 18:43:44
ar.clock2.zip (2.5K) 27회 다운로드 2018-03-05 18:43:44

본문

제목 : AR CSS 시계 (visit) 

제작 : 2018-02-17 로빈아빠 howcode.co.kr 

개요 : HTML로 구현되는 시계로 순수 CSS,JS 로 구현되어 부하가 적게걸린다. (canvas 사용하지 않음) 

샘플 : http://howcode.co.kr/bbs/board.php?bo_table=tip_gnu 

설치 : 
  1) skin/visit 폴더에 압축풀기 
  2) 보여주고자하는 위치에 <DIV>와 visit 추가 
    예) tail.php 
<div style='width:200px;height:200px;padding:20px;margin:0 auto'> 
<?php echo visit('ar.clock1');?> 
</div> 

설명 : 

1) 두 종류의 시계 입니다. 
ar.clock1 은 심플한 시계로 분단위로 갱신이 됩니다. 
시간 숫자을 전부 출력하려면 소스에서 아랫 부분에 추가해주세요. 
<div class="num num3"><div>3</div></div> 

ar.clock2 는 조금 복잡한 시계로 초단위로 갱신이 됩니다. 
날짜와 시간을 감추려면 style.css 에서 다음의 라인을 추가하세요. 
#ar-clock2 #ar-date2 {display:none} 
#ar-clock2 #ar-time2 {display:none} 


2) 시계의 크기는 호출되는 위치의 100%로 지정되어 있으므로 호출되기전에 
div 등에서 크기를 미리 지정해야합니다. 
예)

<div style='width:200px;height:200px;padding:20px;margin:0 auto'>
    <?php echo visit('ar.clock1');?>
</div>
<div style='width:200px;height:200px;padding:20px;margin:0 auto'>
    <?php echo visit('ar.clock2');?>
</div>

 



소스의 배포/수정/사용은 별도 제한이 없습니다. 

퍼가실 때  꼭 출처를 밝혀주시기 바랍니다. 

출처 : howcode.co.kr 로빈아빠 김성대

추천
8

댓글 전체

전체 13 |RSS
그누보드5 스킨 내용 검색 접속자에서

회원로그인

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