모바일용 스와입&자동롤링 기능 탑제 메뉴입니다. > 그누4 스킨

그누4 스킨

스킨의 저작권은 해당 스킨 제작자님께 있으며, 그누보드의 저작권과 다를 수 있습니다.
스킨 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y
그누보드와 관련이 있지만 스킨과 빌더가 아니면 플러그인 게시판에 올려주세요.

모바일용 스와입&자동롤링 기능 탑제 메뉴입니다. 정보

최신글 모바일용 스와입&자동롤링 기능 탑제 메뉴입니다.

첨부파일

mainpage.zip (269.7K) 744회 다운로드 2013-03-04 00:43:01

본문

안녕하세요.

매일 도움만 받다가 저같은 초보자 분들에게
조금이나마 도움이 될까 싶어 모바일용 스킨
하나 올립니다.

utf-8입니다.

사용법

파일 각 경로 별로 그대로 넣어주시고

/lib/
/js/
/images/
/dex/


mainpage.php
style1.css
메인 폴더에 놓고 실행하고 수정할 꺼 해주시면 됩니다.

사용법은 주석처리 해놔서 소스보시면
누구나 쉽게 이해하도록 적어 놓았습니다.

구동 방식은 dex 폴더에 있는 페이지를 가져와
스와입 시키고 롤링 시키는 방식입니다.


적용 사이트 모바일로

http://specialleisure.com

입니다.

감사합니다.
추천
7

댓글 전체

스킨 감사합니다... 그런데.. 이렇게 나오는 이유는 멀까요.??? ``;;

롤링이 안되요 ㅜㅜ ..

http://seaferry.co.kr/m/main.php 입니다 함 봐주세욤
<?php
include_once "./_common.php";
//pc버전에서 모바일가기 링크 타고 들어올 경우 세션을 삭제한다. 세션이 삭제되면 모바일 기기에서 PC버전 접속시 자동으로 모바일로 이동된다. /extend/g4m.config.php 파일 참고.
if($_GET['from'] == 'pc'){
    set_session("frommoblie", "");
}
include_once './_head.php'; // 저같은 초보자분들은 여기 경로를 잘 못맞추는 경향이 있습니다. 차근차근 확인하시면서 잘확인하여 잘 맞춰주세요.

include_once("$g4[path]/m/lib/latest.lib.php");  // 저같은 초보자분들은 여기 경로를 잘 못맞추는 경향이 있습니다. 차근차근 확인하시면서 잘확인하여 잘 맞춰주세요.
include_once("$g4[path]/m/lib/thumb.lib.php");

?>

<!-- 수평선 스타일 시트 -->
<style type="text/css">
.mainline {             
background: #CECECE;
width: 100%;
height: 1px;
padding: 0;
margin: 0;
}
.mainline hr {
display: none;
}

</style>
<!-- 수평선 스타일 시트 끝-->


<!-- 블렛 시트 불러오기 -->

<!-- css 경로가 잘안맞을 경우 http://내 도메인/style1.css 이런식으로 경로를 직접써주시는게 좋습니다. -->
<link href='http://seaferry.co.kr/m/style1.css' rel='stylesheet'/>



<!-- 롤링&스와이프 배너 -->

<div id='banner' class='list_carousel','swipe'>
<ul id="foo0">
    <li style='display:block'><div>                      <!-- php를 이용하여 페이지를 불러와 페이지를 하나씩 넘기는 방식입니다. -->
    <? include_once("$g4[path]/m/dex/banner1.php"); ?>    <!-- 저같은 초보자분들은 여기 경로를 잘 못맞추는 경향이 있습니다. 차근차근 확인하시면서 잘 맞춰주세요 -->
    </div></li>
    <li style='display:none'><div>
    <? include_once("$g4[path]/m/dex/banner2.php"); ?>
    </div></li>
    <li style='display:none'><div>
    <? include_once("$g4[path]/m/dex/banner3.php"); ?>
    </div></li>
  </ul>
</div>
<!-- 배너 끝-->


<!-- 수평선 -->
<div class="mainline"><hr /></div>



<!-- 스와입버튼 -->
<div id='slider7' class='swipe' >
  <ul>
    <li style='display:block'><div>              <!-- php를 이용하여 페이지를 불러와 페이지를 하나씩 넘기는 방식입니다. -->
    <? include_once("$g4[path]/m/dex/b1.php"); ?>  <!-- 저같은 초보자분들은 여기 경로를 잘 못맞추는 경향이 있습니다. 차근차근 확인하시면서 잘 맞춰주세요 -->
    </div></li>
    <li style='display:none'><div>
    <? include_once("$g4[path]/m/dex/b2.php"); ?>
    </div></li>
    <li style='display:none'><div>
    <? include_once("$g4[path]/m/dex/b3.php"); ?>
    </div></li>
  </ul>
</div>

<nav7>
    <a href='#' id='prev' onclick='slider7.prev();return false;'><hh>    </hh></a>
    <span id='position7'><hh class='on7'>&bull;</hh><hh>&bull;</hh><hh>&bull;</hh></span>  <!-- 메뉴 장 수에 따라 점 추가/삭제 -->
    <a href='#' id='next' onclick='slider7.next();return false;'><hh>    </hh></a>
  </nav7>
<!-- 스와입 버튼 끝 -->


<!-- 수평선 긋기 -->
<div class="mainline"><hr /></div>





<!-- 슬라이더 자바 시작 -->


<!-- js 경로가 잘안맞을 경우 http://내 도메인/js/swipe.js 이런식으로 경로를 직접써주시는게 좋습니다. -->

<script src='http://seaferry.co.kr/m/js/swipe.js'></script>
<script>

//점이 페이지에 따라 움직이는 스크립트 스타일시트와 연동해서 사용하는 것입니다.
//점 색깔등을 바꾸실때는 style1.css에서 조정하세요~

var slider = new Swipe(document.getElementById('slider'), {
      callback: function(e, pos) {
       
        var i = bullets.length;
        while (i--) {
          bullets[i].className = '';
        }
        bullets[pos].className = 'on';

      }
    }),
    bullets = document.getElementById('position').getElementsByTagName('aa')


var slider1 = new Swipe(document.getElementById('slider1'), {
      callback: function(e, p) {
       
        var i = bullets.length;
        while (i--) {
          bullets1[i].className = '';
        }
        bullets1[p].className = 'on1';

      }
    }),
    bullets1 = document.getElementById('position1').getElementsByTagName('bb')



var slider2 = new Swipe(document.getElementById('slider2'), {
      callback: function(e, p) {
       
        var i = bullets2.length;
        while (i--) {
          bullets2[i].className = '';
        }
        bullets2[p].className = 'on2';

      }
    }),
    bullets2 = document.getElementById('position2').getElementsByTagName('cc')

var slider3 = new Swipe(document.getElementById('slider3'), {
      callback: function(e, p) {
       
        var i = bullets3.length;
        while (i--) {
          bullets3[i].className = '';
        }
        bullets3[p].className = 'on3';

      }
    }),
    bullets3 = document.getElementById('position3').getElementsByTagName('dd')

var slider4 = new Swipe(document.getElementById('slider4'), {
      callback: function(e, p) {
       
        var i = bullets4.length;
        while (i--) {
          bullets4[i].className = '';
        }
        bullets4[p].className = 'on4';

      }
    }),
    bullets4 = document.getElementById('position4').getElementsByTagName('ee')



var slider5 = new Swipe(document.getElementById('slider5'), {
      callback: function(e, p) {
       
        var i = bullets5.length;
        while (i--) {
          bullets5[i].className = '';
        }
        bullets5[p].className = 'on5';

      }
    }),
    bullets5 = document.getElementById('position5').getElementsByTagName('ff')


var slider6 = new Swipe(document.getElementById('slider6'), {
      callback: function(e, p) {
       
        var i = bullets6.length;
        while (i--) {
          bullets6[i].className = '';
        }
        bullets6[p].className = 'on6';

      }
    }),
    bullets6 = document.getElementById('position6').getElementsByTagName('gg')



var slider7 = new Swipe(document.getElementById('slider7'), {
      callback: function(e, p) {
       
        var i = bullets7.length;
        while (i--) {
          bullets7[i].className = '';
        }
        bullets7[p].className = 'on7';

      }
    }),
    bullets7 = document.getElementById('position7').getElementsByTagName('hh')

//제가 7번까지 사용해서 이렇게 있고, 불필요하면 지우고 더필요하면 복사해서 추가하세요.



//블렛(점)이 없이 그냥 슬라이딩 시키는 스크립트
var banner = new Swipe(document.getElementById('banner'));


</script>

<!-- 슬라이더 자바 끝 -->




<!-- 자동롤링 자바 -->

<!-- js 경로가 잘안맞을 경우 http://내 도메인/js/swipe.js 이런식으로 경로를 직접써주시는게 좋습니다. -->

<script type="text/javascript" language="javascript" src='http://seaferry.co.kr/m/js/jquery1.js'></script>
<script type="text/javascript" language="javascript" src='http://seaferry.co.kr/m/js/jquery.carouFredSel-5.6.1.js'></script>
<script type="text/javascript" language="javascript">
// Basic carousel, no options

$(function() {
  $('#foo0').carouFredSel({
  height: 'auto',
  scroll : 1300,    //롤링 속도조절 원하는 숫자로 조정
  auto: true
  });


});
</script>
 <!-- 자동롤링 자바 끝-->


<?php
  include_once './_tail.php';
?>
저 완전 초보인데요... dex폴더는 어디있는거죠?ㅠㅠ
아무리 찾아봐도 없네요
다운받은 dex폴더에 있는 파일들은 어디로 업로드시켜야될까여...ㅠ
전체 31 |RSS
그누4 스킨 내용 검색

회원로그인

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