전체 펼침 메뉴 정보
레이아웃 전체 펼침 메뉴첨부파일
본문
http://sir.co.kr/g5_skin/4329
위 스킨을 아주 약간 수정했습니다.
skin/navi
스킨을 올릴 경로입니다.
head.php
<?php
$sql2 = " select *
from {$g5['menu_table']}
where me_use = '1'
and length(me_code) = '4'
and substring(me_code, 1, 2) = '{$row['me_code']}'
order by me_order, me_id ";
$result2 = sql_query($sql2);
for ($k=0; $row2=sql_fetch_array($result2); $k++) {
if($k == 0)
echo '<ul class="gnb_2dul">'.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
}
if($k > 0)
echo '</ul>'.PHP_EOL;
?>
를...
<!--
내용
-->
로 숨깁니다.
삭제하면 화면이 깨지네요.
</nav>
아래에...
<!-- 서브 메뉴 -->
<div style="width:100%;background:#8ac007">
<ul class="category_submenu_box">
<?php
$sql = " select *
from {$g5['menu_table']}
where me_use = '1'
and length(me_code) = '2'
order by me_order, me_id ";
$result = sql_query($sql, false);
for ($i=0; $row=sql_fetch_array($result); $i++) {
if( $row['me_name'] == "포인트몰" ) continue;
?>
<li class="first-child_<?php echo $i?>">
<dl class="category_submenu">
<?php
$sql2 = " select *
from {$g5['menu_table']}
where me_use = '1'
and length(me_code) = '4'
and substring(me_code, 1, 2) = '{$row['me_code']}'
order by me_order, me_id ";
$result2 = sql_query($sql2);
for ($k=0; $row2=sql_fetch_array($result2); $k++) {
?>
<dd><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>"><?php echo $row2['me_name'];?></a></dd>
<?php
}
?>
</dl>
</li>
<?php
}
?>
</ul>
</div>
<!-- //서브 메뉴 -->
를 삽입합니다.
head.sub.php
<?php
if(G5_IS_MOBILE) {
echo '<script src="'.G5_JS_URL.'/modernizr.custom.70111.js"></script>'.PHP_EOL; // overflow scroll 감지
}
if(!defined('G5_IS_ADMIN'))
echo $config['cf_add_script'];
?>
부분 위에...
<script src="<?php echo G5_SKIN_URL ?>/navi/navigation.js"></script>
<link href="<?php echo G5_SKIN_URL ?>/navi/navigation.css" rel="stylesheet">
를 삽입합니다.
그룹 메뉴 너비와 연동시키는 방법을 모르겠네요.
제일 긴 이름 기준으로 맞춥니다.
css/default.css
.gnb_1da {display:inline-block;padding:0 40px 0 10px;height:71px;background:url('../img/gnb_bg00.gif') center right no-repeat;font-size:16px;font-weight:bold;color:#ffffff !important;line-height:4.20em;text-decoration:none}
예를 들면 이 소스에 'width:80px'을 삽입합니다. 너비를 고정시키는 것이지요.
skin/navi/navigation.css
를 열어보면...
주루룩 'width:130px'이 입력되어 있습니다.
위 'default.css'에 입력한 값에 padding 값을 더한 칫수입니다.
80px + 50px(padding) = 130px
너비를 수정하려면 위와 같이 두군데 모두 수정해주어야 합니다.
전체 높이를 수정하려면...
skin/navi/navigation.js
$(".category_submenu_box").stop().animate({"height":"280px"},500);
를 수정하면 됩니다.
다소 버벅거림도 있고, 내려왔다가 올라가지 않는 경우도 있어서 보완이 필요합니다.
고수님들의 도움 부탁드립니다.
추천
3
3
댓글 전체
낙 처럼 하려면요?
이런 좋은거 자주 올려주세요 감사합니다~
감사합니다~~~
똑같이 구현했는 데 저는 왜 아무런 반응이 없을까요?
원인을 알 수 없네요..초보라서
원인을 알 수 없네요..초보라서