1. 샘플 링크 : http://eltree.kr/gnu5/index1.html

2. 연습 링크 : http://eltree.kr/gnu5/

 

샘플 링크는 html을 호스팅에 올려 놓고 실행한 모습입니다. 

아래 그림처럼 잘나오는데요.

 

 

 

연습 링크는 샘플 링크 index1.html을 그누보드와 연동하기 위해서 head.php, head.sub.php, index.php, tail.php, tail.sub.php로 구분해서 호스팅에 업로드 했는데요.

아래 그림처럼 서브메뉴가 dropdown 바로 밑에 나오는게 아니라 오른쪽 끝에 나오구요. 

dropdown옆에 나오는 아래로 향하는 화살표도 화면 오른쪽 끝에 나타납니다.

navbar 부분이 샘플 링크와 다르게 나오는데.... 고수님들의 조언 부탁드리겠습니다.

 

 

++++++++++++++++++++++++++++++++++++++++++++++++++++

head.php 소스파일

++++++++++++++++++++++++++++++++++++++++++++++++++++

<?php

if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가

 

run_event('pre_head');

 

if(defined('G5_THEME_PATH')) {

    require_once(G5_THEME_PATH.'/head.php');

    return;

}

 

if (G5_IS_MOBILE) {

    include_once(G5_MOBILE_PATH.'/head.php');

    return;

}

 

include_once(G5_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');

?>

   

    <main>

        <nav class="navbar navbar-expand-lg navbar-dark " aria-label="Eighth navbar example" style="background:#eee;">

            <div class="container">

            <a class="navbar-brand" href="#">Container</a>

            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsExample07" aria-controls="navbarsExample07" aria-expanded="false" aria-label="Toggle navigation">

                <span class="navbar-toggler-icon"></span>

            </button>

 

            <div class="collapse navbar-collapse" id="navbarsExample07">

                <ul class="navbar-nav me-auto mb-2 mb-lg-0">

                <?php

        $menu_datas = get_menu_db(0, true);

        $gnb_zindex = 999; // gnb_1dli z-index 값 설정용

                $i = 0;

                foreach( $menu_datas as $row ){

                    if( empty($row) ) continue;

                    $add_class = (isset($row['sub']) && $row['sub']) ? 'gnb_al_li_plus' : '';

                ?>

                <li class="gnb_1dli <?php echo $add_class; ?>" style="z-index:<?php echo $gnb_zindex--; ?>">

                    <a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>" class="gnb_1da"><?php echo $row['me_name'] ?></a>

                    <?php

                    $k = 0;

                    foreach( (array) $row['sub'] as $row2 ){

 

                        if( empty($row2) ) continue;

 

                        if($k == 0)

                            echo '<span class="bg">하위분류</span><div class="gnb_2dul"><ul class="gnb_2dul_box">'.PHP_EOL;

                    ?>

                        <li class="gnb_2dli"><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>" class="gnb_2da"><?php echo $row2['me_name'] ?></a></li>

                    <?php

                    $k++;

                    }   //end foreach $row2

 

                    if($k > 0)

                        echo '</ul></div>'.PHP_EOL;

                    ?>

                </li>

                <?php

                $i++;

                }   //end foreach $row

 

                if ($i == 0) {  ?>

                    <li class="gnb_empty">메뉴 준비 중입니다.<?php if ($is_admin) { ?> <a href="<?php echo G5_ADMIN_URL; ?>/menu_list.php">관리자모드 > 환경설정 > 메뉴설정</a>에서 설정하실 수 있습니다.<?php } ?></li>

                <?php } ?>

                </ul>

                <form>

                <input class="form-control" type="text" placeholder="Search" aria-label="Search">

                </form>

            </div>

            </div>

        </nav>

    </main>