전체 펼침 메뉴 > 그누보드5 스킨

그누보드5 스킨

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

전체 펼침 메뉴 정보

레이아웃 전체 펼침 메뉴

첨부파일

navi.7z (932byte) 144회 다운로드 2015-06-24 10:28:11

본문




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

댓글 전체

전체 16 |RSS
그누보드5 스킨 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT