전체 펼침 메뉴

· 2015-06-24 (수) 10:28:11 · 16197 · 4
2015.06.24_01.png
{이미지:0}


http://sir.co.kr/g5_skin/4329


위 스킨을 아주 약간 수정했습니다.

skin/navi

스킨을 올릴 경로입니다.



head.php

[code]<?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;
?>[/code]를...


[code]<!--
내용
-->[/code]로 숨깁니다.
삭제하면 화면이 깨지네요.


[code]</nav>[/code]아래에...


[code]<!-- 서브 메뉴 -->
<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>
<!-- //서브 메뉴 -->[/code]를 삽입합니다.



head.sub.php

[code]<?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'];
?>[/code]부분 위에...


[code]<script src="<?php echo G5_SKIN_URL ?>/navi/navigation.js"></script>
<link href="<?php echo G5_SKIN_URL ?>/navi/navigation.css" rel="stylesheet">[/code]를 삽입합니다.



그룹 메뉴 너비와 연동시키는 방법을 모르겠네요.
제일 긴 이름 기준으로 맞춥니다.

css/default.css

[code].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}[/code]
예를 들면 이 소스에 'width:80px'을 삽입합니다. 너비를 고정시키는 것이지요.

skin/navi/navigation.css
를 열어보면...
주루룩 'width:130px'이 입력되어 있습니다.
위 'default.css'에 입력한 값에 padding 값을 더한 칫수입니다.
80px + 50px(padding) = 130px

너비를 수정하려면 위와 같이 두군데 모두 수정해주어야 합니다.


전체 높이를 수정하려면...

skin/navi/navigation.js

[code]$(".category_submenu_box").stop().animate({"height":"280px"},500);[/code]를 수정하면 됩니다.



다소 버벅거림도 있고, 내려왔다가 올라가지 않는 경우도 있어서 보완이 필요합니다.
고수님들의 도움 부탁드립니다.

첨부파일

2015.06.24_01.png (29.3 KB)
0회 2015-06-24 10:28
navi.7z (932 bytes) 144회 2015-06-24 10:28
|

댓글 4개

낙 처럼 하려면요?
2015-06-30 (화) 14:19:47
이런 좋은거 자주 올려주세요 감사합니다~
감사합니다~~~
2015-08-14 (금) 22:42:18
똑같이 구현했는 데 저는 왜 아무런 반응이 없을까요?
원인을 알 수 없네요..초보라서
댓글을 작성하시려면 로그인이 필요합니다.

그누보드5 스킨

2,752건

좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.

+