3D 슬라이드 최신글 스킨

본문 바로가기
사이트 내 전체검색
회사뉴스 : 그누보드5 다국어버전! 딱 8월 5일 까지만 대폭 할인가에 제공… 인기글 관련링크 , 다국어사이트 제작을 위한 솔루션을 공개합니다. 인기글 , 일하다가 가끔 게임을 하면서 스트레스를 날리세요. 인기글 관련링크 , 게시판내용을 PDF으로 저장하기 인기글 관련링크 , 좋아요|나빠요 표현 게시판 인기글


회원로그인

설문조사

좋은 습관이란?



3D 슬라이드 최신글 스킨

3D 슬라이드 최신글 스킨

그누보드5를 위한 최신글 스킨입니다.

 

출처는 http://tympanus.net/Development/3DGallery/ 입니다.

 

출처 적용방법 :

1. jQuery 라이브러리를 추가합니다.

<link rel="stylesheet" href="css/3dstyle.css"> 

<script type="text/javascript" src="js/modernizr.custom.53451.js"></script>

<script type="text/javascript" src="js/jquery.gallery.js"></script> 


2. <body></body>부분에 적용

<div id="3dslide">

<div id="dg-container" class="dg-container">

<div class="dg-wrapper">

            <a href='#'><img src="1.jpg"><div>test1</div></a>

            <a href='#'><img src="2.jpg"><div>test2</div></a>

            <a href='#'><img src="3.jpg"><div>test3</div></a>

</div>

</div>

</div>

3. jQuery코드 적용

<script>

  $(document).ready( function(){

    $('#dg-container').gallery({

autoplay : true

   });

});

</script>

 

그누보드에 적용방법:

1. 스킨을 다운로드하여 압축을 풀고,

2. theme/테마명/skin/latest/ 아래에 ftp를 이용하여 업로드

3. 스킨을 적용할 페이지를 편집기로 열고 최신글 적용하면 됩니다.

 

미리보기 : http://www.live24.co.kr/

 


이 사이트는 그누보드5, 영카트5 기반 프로그램 개발을 위한 사이트입니다. 궁금하신 사항은 http://www.365ok.co.kr을 이용해 주시기 바랍니다.
회사소개 개인정보취급방침 서비스이용약관 Copyright © 코리아뉴스. All rights reserved.
모바일 버전으로 보기