first commit 2
This commit is contained in:
hmw1001
@@ -0,0 +1,279 @@
|
||||
<?php
|
||||
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
|
||||
/**
|
||||
* skin/nav/lwd_basic/nav.skin.php
|
||||
* LWD 미디어 스타일 메뉴 스킨 (복원)
|
||||
*/
|
||||
|
||||
// 💡 [설정] 모바일 헤더 레이아웃 설정
|
||||
// 1: 로고만 표시 (배너 숨김)
|
||||
// 2: 로고 + 배너 세로 나열 (로고 -> 좌측배너 -> 우측배너)
|
||||
$mobile_header_type = 2;
|
||||
|
||||
// 💡 [추가] 스킨의 CSS 파일 로드
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/skin/nav/lwd_laser/style.css?ver='.G5_SERVER_TIME.'">', 0);
|
||||
|
||||
// 메뉴 데이터 가져오기 (그누보드 공통 함수 사용)
|
||||
$menu_datas = get_menu_db(0, false);
|
||||
|
||||
// 배너 데이터 가져오기 (최신 1개)
|
||||
$bn_left = sql_fetch(" select * from rb_banner where '".G5_TIME_YMDHIS."' between bn_begin_time and bn_end_time and bn_position = 'topbanner_left' and bn_device IN ('pc', 'both') order by bn_id desc limit 1 ");
|
||||
$bn_right = sql_fetch(" select * from rb_banner where '".G5_TIME_YMDHIS."' between bn_begin_time and bn_end_time and bn_position = 'topbanner_rite' and bn_device IN ('pc', 'both') order by bn_id desc limit 1 ");
|
||||
|
||||
// 💡 [추가] 한글/영문 분리 함수
|
||||
function split_menu_name($name) {
|
||||
$ko = '';
|
||||
$en = '';
|
||||
|
||||
// 1. 한글과 영문의 시작 위치 찾기
|
||||
$pos_ko = -1;
|
||||
$pos_en = -1;
|
||||
|
||||
if (preg_match('/[가-힣]/u', $name, $matches, PREG_OFFSET_CAPTURE)) {
|
||||
$pos_ko = $matches[0][1];
|
||||
}
|
||||
if (preg_match('/[a-zA-Z]/', $name, $matches, PREG_OFFSET_CAPTURE)) {
|
||||
$pos_en = $matches[0][1];
|
||||
}
|
||||
|
||||
// 2. 위치에 따라 분리
|
||||
if ($pos_ko !== -1 && $pos_en !== -1) {
|
||||
if ($pos_ko < $pos_en) {
|
||||
// 한글이 먼저 나오는 경우: 영문 시작 위치 기준으로 분리
|
||||
// 예: "한글 12 English" -> ko="한글 12", en="English"
|
||||
$ko = substr($name, 0, $pos_en);
|
||||
$en = substr($name, $pos_en);
|
||||
} else {
|
||||
// 영문이 먼저 나오는 경우: 한글 시작 위치 기준으로 분리
|
||||
// 예: "English 12 한글" -> en="English 12", ko="한글"
|
||||
$en = substr($name, 0, $pos_ko);
|
||||
$ko = substr($name, $pos_ko);
|
||||
}
|
||||
} elseif ($pos_ko !== -1) {
|
||||
// 한글만 있는 경우
|
||||
$ko = $name;
|
||||
} elseif ($pos_en !== -1) {
|
||||
// 영문만 있는 경우
|
||||
$en = $name;
|
||||
} else {
|
||||
// 둘 다 없는 경우 (숫자 등) -> 한글 변수에 담음
|
||||
$ko = $name;
|
||||
}
|
||||
|
||||
return array(trim($ko), trim($en));
|
||||
}
|
||||
|
||||
// 💡 [추가] URL에서 bo_table 파라미터 추출 함수
|
||||
function get_bo_table_from_url($url) {
|
||||
$query_str = parse_url($url, PHP_URL_QUERY);
|
||||
parse_str($query_str, $query_params);
|
||||
return isset($query_params['bo_table']) ? $query_params['bo_table'] : '';
|
||||
}
|
||||
?>
|
||||
|
||||
<div class="lwd-header-wrap">
|
||||
<!-- 1. 상단 유틸리티 바 (로그인, 회원가입 등) -->
|
||||
<div class="header-top">
|
||||
<div class="container" style="display:flex; justify-content:space-between; align-items:center;">
|
||||
|
||||
|
||||
<ul class="top-util">
|
||||
<?php if ($is_member) { ?>
|
||||
<li><a href="<?php echo G5_BBS_URL ?>/logout.php">로그아웃</a></li>
|
||||
<li><a href="<?php echo G5_BBS_URL ?>/member_confirm.php?url=<?php echo G5_BBS_URL ?>/register_form.php">정보수정</a></li>
|
||||
<?php } else { ?>
|
||||
<li><a href="<?php echo G5_BBS_URL ?>/login.php">로그인</a></li>
|
||||
<li><a href="<?php echo G5_BBS_URL ?>/register.php">회원가입</a></li>
|
||||
<?php } ?>
|
||||
<li><a href="<?php echo G5_BBS_URL ?>/faq.php">고객센터</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 2. 메인 헤더 (로고, 검색창) -->
|
||||
<!-- 💡 [수정] 설정값에 따른 클래스 추가 -->
|
||||
<div class="header-main mobile-header-type-<?php echo $mobile_header_type; ?>">
|
||||
<div class="container" style="display:flex; justify-content:space-between; align-items:center;">
|
||||
<!-- 왼쪽 배너 -->
|
||||
<div class="banner-left">
|
||||
<?php if ($bn_left) {
|
||||
$bimg = G5_DATA_PATH.'/banners/'.$bn_left['bn_id'];
|
||||
if (file_exists($bimg)) {
|
||||
echo '<a href="'.$bn_left['bn_url'].'" target="'.($bn_left['bn_new_win']?'_blank':'_self').'">';
|
||||
echo '<img src="'.G5_DATA_URL.'/banners/'.$bn_left['bn_id'].'" alt="'.get_text($bn_left['bn_alt']).'" style="max-width:100%;">';
|
||||
echo '</a>';
|
||||
}
|
||||
} ?>
|
||||
</div>
|
||||
|
||||
<!-- 💡 [수정] 인라인 스타일 제거하고 CSS로 제어 -->
|
||||
<h1 class="logo">
|
||||
<a href="<?php echo G5_URL ?>" alt="<?php echo $config['cf_title']; ?>">
|
||||
<picture id="logo_img">
|
||||
<?php if (!empty($rb_builder['bu_logo_mo']) && !empty($rb_builder['bu_logo_mo_w'])) { ?>
|
||||
<source id="sourceSmall" srcset="<?php echo G5_URL ?>/data/logos/mo?ver=<?php echo G5_SERVER_TIME ?>" media="(max-width: 1024px)">
|
||||
<?php } else { ?>
|
||||
<source id="sourceSmall" srcset="<?php echo G5_THEME_URL ?>/rb.img/logos/mo.png?ver=<?php echo G5_SERVER_TIME ?>" media="(max-width: 1024px)">
|
||||
<?php } ?>
|
||||
|
||||
<?php if (!empty($rb_builder['bu_logo_pc']) && !empty($rb_builder['bu_logo_pc_w'])) { ?>
|
||||
<source id="sourceLarge" srcset="<?php echo G5_URL ?>/data/logos/pc?ver=<?php echo G5_SERVER_TIME ?>" media="(min-width: 1025px)">
|
||||
<?php } else { ?>
|
||||
<source id="sourceLarge" srcset="<?php echo G5_THEME_URL ?>/rb.img/logos/pc.png?ver=<?php echo G5_SERVER_TIME ?>" media="(max-width: 1024px)">
|
||||
<?php } ?>
|
||||
|
||||
<?php if (!empty($rb_builder['bu_logo_pc']) && !empty($rb_builder['bu_logo_pc_w'])) { ?>
|
||||
<img id="fallbackImage" src="<?php echo G5_URL ?>/data/logos/pc?ver=<?php echo G5_SERVER_TIME ?>" alt="<?php echo $config['cf_title']; ?>" class="responsive-image">
|
||||
<?php } else { ?>
|
||||
<img id="fallbackImage" src="<?php echo G5_THEME_URL ?>/rb.img/logos/pc.png?ver=<?php echo G5_SERVER_TIME ?>" alt="<?php echo $config['cf_title']; ?>" class="responsive-image">
|
||||
<?php } ?>
|
||||
</picture>
|
||||
</a>
|
||||
</h1>
|
||||
|
||||
<!-- 오른쪽 배너 -->
|
||||
<div class="banner-right">
|
||||
<?php if ($bn_right) {
|
||||
$bimg = G5_DATA_PATH.'/banners/'.$bn_right['bn_id'];
|
||||
if (file_exists($bimg)) {
|
||||
echo '<a href="'.$bn_right['bn_url'].'" target="'.($bn_right['bn_new_win']?'_blank':'_self').'">';
|
||||
echo '<img src="'.G5_DATA_URL.'/banners/'.$bn_right['bn_id'].'" alt="'.get_text($bn_right['bn_alt']).'" style="max-width:100%;">';
|
||||
echo '</a>';
|
||||
}
|
||||
} ?>
|
||||
</div>
|
||||
|
||||
<!-- 모바일 햄버거 버튼 -->
|
||||
<button type="button" class="mobile-menu-btn mobile-only">
|
||||
<i class="fa fa-bars"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 3. GNB 네비게이션 -->
|
||||
<nav class="gnb-wrap pc-only">
|
||||
<div class="container">
|
||||
<ul class="gnb">
|
||||
<?php foreach ($menu_datas as $row) {
|
||||
// 💡 [수정] 함수 사용하여 분리
|
||||
list($name_ko, $name_en) = split_menu_name($row['me_name']);
|
||||
?>
|
||||
<li class="gnb-item <?php echo isset($row['sub']) && count($row['sub']) > 0 ? 'has-sub' : ''; ?>">
|
||||
<a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>" class="gnb-link">
|
||||
<span class="gnb-txt-ko"><?php echo $name_ko ?></span>
|
||||
<?php if($name_en) { ?><span class="gnb-txt-en"><?php echo $name_en ?></span><?php } ?>
|
||||
</a>
|
||||
<?php if (isset($row['sub']) && count($row['sub']) > 0) { ?>
|
||||
<ul class="gnb-sub">
|
||||
<?php foreach ($row['sub'] as $sub) {
|
||||
// 💡 [수정] 함수 사용하여 분리
|
||||
list($sub_ko, $sub_en) = split_menu_name($sub['me_name']);
|
||||
?>
|
||||
<li>
|
||||
<a href="<?php echo $sub['me_link']; ?>" target="_<?php echo $sub['me_target']; ?>">
|
||||
<span class="sub-txt-ko"><?php echo $sub_ko ?></span>
|
||||
<?php if($sub_en) { ?><span class="sub-txt-en"><?php echo $sub_en ?></span><?php } ?>
|
||||
</a>
|
||||
</li>
|
||||
<?php } ?>
|
||||
</ul>
|
||||
<?php } ?>
|
||||
</li>
|
||||
<?php } ?>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<!-- 모바일 네비게이션 패널 -->
|
||||
<div id="mobile-nav-overlay"></div>
|
||||
<div id="mobile-nav-panel">
|
||||
<div class="mobile-nav-header">
|
||||
<div class="mobile-auth-btn">
|
||||
<?php if ($is_member) { ?>
|
||||
<a href="<?php echo G5_BBS_URL ?>/logout.php" class="btn-mobile-login">로그아웃</a>
|
||||
<a href="<?php echo G5_BBS_URL ?>/member_confirm.php?url=<?php echo G5_BBS_URL ?>/register_form.php" class="btn-mobile-join">정보수정</a>
|
||||
<?php } else { ?>
|
||||
<a href="<?php echo G5_BBS_URL ?>/login.php" class="btn-mobile-login">로그인</a>
|
||||
<a href="<?php echo G5_BBS_URL ?>/register.php" class="btn-mobile-join">회원가입</a>
|
||||
<?php } ?>
|
||||
</div>
|
||||
<button type="button" class="mobile-menu-close-btn"><i class="fa fa-times"></i></button>
|
||||
</div>
|
||||
<div class="mobile-gnb">
|
||||
<ul>
|
||||
<?php foreach ($menu_datas as $row) {
|
||||
list($name_ko, $name_en) = split_menu_name($row['me_name']);
|
||||
?>
|
||||
<li class="<?php echo isset($row['sub']) && count($row['sub']) > 0 ? 'has-sub' : ''; ?>">
|
||||
<a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>">
|
||||
<span><?php echo $name_ko ?></span>
|
||||
<?php if (isset($row['sub']) && count($row['sub']) > 0) { ?>
|
||||
<i class="fa fa-chevron-down sub-menu-indicator"></i>
|
||||
<?php } ?>
|
||||
</a>
|
||||
<?php if (isset($row['sub']) && count($row['sub']) > 0) { ?>
|
||||
<ul class="sub-menu">
|
||||
<?php foreach ($row['sub'] as $sub) {
|
||||
list($sub_ko, $sub_en) = split_menu_name($sub['me_name']);
|
||||
?>
|
||||
<li><a href="<?php echo $sub['me_link']; ?>" target="_<?php echo $sub['me_target']; ?>"><?php echo $sub_ko ?></a></li>
|
||||
<?php } ?>
|
||||
</ul>
|
||||
<?php } ?>
|
||||
</li>
|
||||
<?php } ?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function fsearchbox_submit(f)
|
||||
{
|
||||
if (f.stx.value.length < 2) {
|
||||
alert("검색어는 두글자 이상 입력하십시오.");
|
||||
f.stx.select();
|
||||
f.stx.focus();
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
||||
// 모바일 메뉴 스크립트
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const mobileMenuBtn = document.querySelector('.mobile-menu-btn');
|
||||
const mobileNavPanel = document.getElementById('mobile-nav-panel');
|
||||
const mobileNavOverlay = document.getElementById('mobile-nav-overlay');
|
||||
const mobileMenuCloseBtn = document.querySelector('.mobile-menu-close-btn');
|
||||
|
||||
function openMobileMenu() {
|
||||
mobileNavPanel.classList.add('is-active');
|
||||
mobileNavOverlay.classList.add('is-active');
|
||||
document.body.style.overflow = 'hidden';
|
||||
}
|
||||
|
||||
function closeMobileMenu() {
|
||||
mobileNavPanel.classList.remove('is-active');
|
||||
mobileNavOverlay.classList.remove('is-active');
|
||||
document.body.style.overflow = '';
|
||||
}
|
||||
|
||||
if(mobileMenuBtn) mobileMenuBtn.addEventListener('click', openMobileMenu);
|
||||
if(mobileMenuCloseBtn) mobileMenuCloseBtn.addEventListener('click', closeMobileMenu);
|
||||
if(mobileNavOverlay) mobileNavOverlay.addEventListener('click', closeMobileMenu);
|
||||
|
||||
// 모바일 서브메뉴 토글
|
||||
const mobileSubMenuToggles = document.querySelectorAll('.mobile-gnb .has-sub > a');
|
||||
mobileSubMenuToggles.forEach(function(toggle) {
|
||||
toggle.addEventListener('click', function(e) {
|
||||
// 링크 이동 방지 (서브메뉴가 있는 경우만)
|
||||
if (this.nextElementSibling && this.nextElementSibling.classList.contains('sub-menu')) {
|
||||
e.preventDefault();
|
||||
const parentLi = this.parentElement;
|
||||
parentLi.classList.toggle('submenu-open');
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
Reference in New Issue
Block a user