첨부파일

본문

G4S로 빌더 만들면서 JS빌더 용으로 만든걸 수정 한 메뉴 입니다.

그룹과 서브메뉴를 생성하면 자동으로 보여 집니다.

메인메뉴에 롤오버시 하단 너비로 서브메뉴가 펼쳐지는 형식입니다.

사용법은

압축을 풀고 그누보드G4S 폴더에 업로드 하신후 출력을 원하는 위치에

<? include_once(G4_PATH."/js_menu12/menu.skin.php");?> 를 적용해 주시면 됩니다.

css/menu.css 상단의 주석을 참조 하시면 3가지 색상으로 사용이 가능 합니다.
그룹메뉴가 7개로 맞추어져 있으니 menu.skin.php 파일에서 사용하는 그룹수에 맞추어 수정해 주세요.

예제 사이트는 상단의 링크를 참고 하세요.  작업중이라 첨부된 스킨과 다를수도 있습니다


사용예 : head.php 파일의 129~153번줄인

<nav id="gnb">
    <script>$('#gnb').addClass('gnb_js');</script>
    <h2>홈페이지 메인메뉴</h2>
    <ul id="gnb_ul">
        <?
        $sql = " select * from {$g4['group_table']} where gr_show_menu order by gr_order ";
        $result = sql_query($sql);
        for ($gi=0; $row=sql_fetch_array($result); $gi++) { // gi 는 group index
        ?>
        <li class="gnb_1depth">
            <a href="<?=G4_BBS_URL?>/group.php?gr_id=<?=$row['gr_id']?>"><?=$row['gr_subject']?></a>
            <ul class="gnb_sub_ul">
                <?
                $sql2 = " select * from {$g4['board_table']} where gr_id = '{$row['gr_id']}' order by bo_order ";
                $result2 = sql_query($sql2);
                for ($bi=0; $row2=sql_fetch_array($result2); $bi++) { // bi 는 board index
                ?>
                <li class="gnb_2depth"><a href="<?=G4_BBS_URL?>/board.php?bo_table=<?=$row2['bo_table']?>"><?=$row2['bo_subject']?></a></li>
                <?}?>
            </ul>
        </li>
        <?}?>
        <? if ($gi == 0) { ?><li class="gnb_empty">생성된 메뉴가 없습니다.</li><? } ?>
    </ul>
</nav>

를 아래와 같이 수정 하시면 됩니다.

<nav>
  <? include_once(G4_PATH."/js_menu12/menu.skin.php");?>
</nav>