3D 슬라이드 최신글 스킨

본문 바로가기

사이트 내 전체검색


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. 상단으로
PC 버전으로 보기