슬라이드 푸시 메뉴적용 > 그누보드5 팁자료실

그누보드5 팁자료실

슬라이드 푸시 메뉴적용 정보

슬라이드 푸시 메뉴적용

첨부파일

jPushMenu.zip (2.6K) 20회 다운로드 2021-04-07 15:45:55

본문

그누보드 스킨화해서 올리려다 별거 없어서 팁자료실에 올립니다.
첨부한 jPushMenu.zip파일을 압축을 푸신후 적용하신 테마에 업로드후 사용하시면 됩니다.
자세한 적용방법과 스크린샷은 아래 내용을 참고하시면 됩니다.

 

1. 그누보드 테마 디렉토리에 jPushMenu 디렉토리 업로드
2. 테마디렉토리 head.php 15Line 아래 include_once(G5_THEME_PATH.'/jPushMenu/jPushMenu.php'); 추가

<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
if (G5_IS_MOBILE) {
    include_once(G5_THEME_MOBILE_PATH.'/head.php');
    return;
}
include_once(G5_THEME_PATH.'/head.sub.php');
include_once(G5_LIB_PATH.'/latest.lib.php');
include_once(G5_LIB_PATH.'/outlogin.lib.php');
include_once(G5_LIB_PATH.'/poll.lib.php');
include_once(G5_LIB_PATH.'/visit.lib.php');
include_once(G5_LIB_PATH.'/connect.lib.php');
include_once(G5_LIB_PATH.'/popular.lib.php');
include_once(G5_THEME_PATH.'/jPushMenu/jPushMenu.php');
?>

 
3. 테마디렉토리 index.php 13Line 하단에 아래 코드 삽입

<h2 class="sound_only">최신글</h2>
<div class="main">
    <section>
        <button class="toggle-menu menu-left">Toggle Left Menu</button>
        <button class="toggle-menu menu-left push-body">Toggle Left Menu Push</button>
        <button class="toggle-menu menu-right">Toggle Right Menu</button>
        <button class="toggle-menu menu-right push-body">Toggle Right Menu Push</button>
        <button class="toggle-menu menu-top">Toggle Top Menu</button>
        <button class="toggle-menu menu-bottom">Toggle Bottom Menu</button>
    </section>
</div>


테마 디렉토리 구조
2943899688_1617777902.4138.png

 

Toggle Left Menu

2943899688_1617777369.5803.jpg


Toggle Left Menu Push

2943899688_1617777379.8228.jpg


Toggle Right Menu

2943899688_1617777387.7008.jpg


Toggle Right Menu Push

2943899688_1617777395.0375.jpg


Toggle Top Menu

2943899688_1617777402.5351.jpg


Toggle Bottom Menu

2943899688_1617777456.1189.jpg

추천12

댓글 17개

전체 1,820 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

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

© SIRSOFT