그누보드 슬라이드 적용해보기 > 그누보드5 팁자료실

그누보드5 팁자료실

그누보드 슬라이드 적용해보기 정보

그누보드 슬라이드 적용해보기

본문

2106540688_1624976832.6223.jpg

 

그누보드 메인에 접속하면 나오는 가로 슬라이드를 적용해보았습니다.

index.php의 최신글 위에 다음 코드를 붙여넣기 해줍니다.

이미지는 경로에 맞게 연결하시고, 링크는 그누보드에 걸었습니다.

 

<?php
if (!defined('_INDEX_')) define('_INDEX_', true);
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가

if (G5_IS_MOBILE) {
    include_once(G5_THEME_MOBILE_PATH.'/index.php');
    return;
}

include_once(G5_THEME_PATH.'/head.php');
?>

 

<!-- 그누보드 슬라이드추가 6.30 시작 -->
<!-- https://splidejs.com/ 여기에 방문하면 자세한 소개와 사용법이 나와 있습니다. 참고하시기 바랍니다.-->
<style> .splide { width:960px; height: 180px;} 
    .kims {margin: 10px; width: 80%;}
</style>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@latest/dist/css/splide.min.css">    
<script src="https://cdn.jsdelivr.net/npm/@splidejs/splide@latest/dist/js/splide.min.js"></script>    
    
<div id="splide" class="splide">
<div class="splide__track">
        
<ul class="splide__list">            
<li class="splide__slide"><a href="https://sir.kr/main/g5/"><img class="kims" src="../../zz/images/gnu_capture/그누보드.png"></a></li>
<li class="splide__slide"><a href="https://sir.kr/main/g5/"><img class="kims" src="../../zz/images/gnu_capture/관리자데모.png"></a></li>
<li class="splide__slide"><a href="https://sir.kr/g5_pds"><img class="kims" src="../../zz/images/gnu_capture/다운로드수.png"></a></li>
<li class="splide__slide"><a href="https://sir.kr/g5_builder"><img class="kims" src="../../zz/images/gnu_capture/빌더.png"></a></li>
<li class="splide__slide"><a href="https://sir.kr/g5_skin"><img class="kims" src="../../zz/images/gnu_capture/스킨.png"></li>
<li class="splide__slide"><a href="https://sir.kr/qa/?s_tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C5"><img class="kims"  src="../../zz/images/gnu_capture/질문수.png"></a></li>
<li class="splide__slide"><a href="https://sir.kr/g5_theme"><img class="kims" src="../../zz/images/gnu_capture/테마.png"></a></li>
</ul>
    
</div>
</div>
    

<script>
new Splide( '#splide', {
    type   : 'loop',
    perPage: 6,
    perMove: 1,
} ).mount();
</script>
<!-- 그누보드 슬라이드추가 6.30 끝 -->

 

<h2 class="sound_only">최신글</h2>

<div class="latest_top_wr">
    <?php
    // 이 함수가 바로 최신글을 추출하는 역할을 합니다.
    // 사용방법 : latest(스킨, 게시판아이디, 출력라인, 글자수);
    // 테마의 스킨을 사용하려면 theme/basic 과 같이 지정
    //echo latest('theme/slide_thumb_pc', 'free', 4, 99); 6.14 펄스나인님 스킨적용해봄.
    echo latest('theme/pic_list', 'free', 4, 23);        // 최소설치시 자동생성되는 자유게시판
    echo latest('theme/pic_list', 'qa', 4, 23);            // 최소설치시 자동생성되는 질문답변게시판
    echo latest('theme/pic_list', 'notice', 4, 23);        // 최소설치시 자동생성되는 공지사항게시판
    ?>
</div>

 

 이하 코드생략

추천
7

댓글 8개

감사합니다.
다른 사이트에서 코드를 복사해서 붙여넣기 한것 뿐입니다.
비타주리님의 다음 스킨을 많이 기다리고 있습니다. ^^
전체 1,986 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

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