지운아빠님 허락을 받고 작업한... 무늬만 스킨인 '팁'입니다.

http://sir.co.kr/bbs/board.php?bo_table=yc5_skin&wr_id=51&sfl=mb_id%2C1&stx=cclass

지운아빠님의 이 스킨의 메뉴 부분은...
기존의 카테고리 부분을 이용해서 상단에 나타내는 방식입니다.
대신... 좌측의 카테고리는 사용할 수 없습니다.

이 소스들을 복사해서 좌측의 카테고리는 그대로 두고 별도로 만들었습니다.

js/jquery.shop.topmenu.js
skin/shop/basic/topmenu.skin.php
skin/shop/basic/img/snb_bg01.gif
추가...


skin/shop/basic/style.css
에 아래 소스 추가

/* 메인메뉴 */
#snb {position:relative;margin:-1px 0 0;background:#585858;color:#fff;zoom:1}
#snb:after {display:block;visibility:hidden;clear:both;content:''}
#snb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#snb a {display:block;text-decoration:none}

#snb .snb_1da, #snb2 a {display:inline-block;padding:0 10px;height:44px;font-size:1.1em;color:#fff;font-weight:bold;line-height:3.3em}
#snb .snb_1da:focus, #snb .snb_1da:hover, #snb2 a:focus, #snb2 a:hover {background-color:#797979}

#snb_1dul {margin:0 auto !important;padding:0;width:1000px;zoom:1}
#snb_1dul:after {display:block;visibility:hidden;clear:both;content:''}
.snb_1dli {position:relative;float:left}
.snb_1dli_on {color:#fff;text-decoration:none}
.snb_1dli_over {background-color:#797979}
#snb .snb_1da {line-height:3.3em}
#snb .snb_1dam {padding-right:30px;background:url('img/snb_bg01.gif') center right no-repeat}
.snb_2dul {display:none;z-index:1002;position:absolute;border:1px solid #fff;border-top:0}
.snb_1dli_over .snb_2dul, .snb_1dli_over2 .snb_2dul {display:block;top:44px;left:-1px;width:168px;background:#fff}
.snb_2da {display:none;font-size:1.1em}
.snb_1dli_over .snb_2da {display:inline-block;padding:13px 10px;color:#6c6c6c}
.snb_1dli_over .snb_2da:focus, .snb_1dli_over .snb_2da:hover {background:#585858;color:#fff;text-decoration:none}
.snb_2da0 {background:#f8f8f8}
.snb_2da1 {}

#snb2 {float:right;color:#fff;zoom:1}
#snb2:after {display:block;visibility:hidden;clear:both;content:''}
#snb2 li {float:left}

기존의 카테고리 메뉴와 부딪치는 부분이 있으므로...

aside:gnb
에서

.gnb_2da {display:none}

를

.gnb_2da {display:block;padding:10px;border-bottom:1px solid #e9e9e9}

로 수정합니다.


루트의 'head.sub.php'

<script src="<?php echo G5_JS_URL ?>/jquery-1.8.3.min.js"></script>

줄 아래에

<script src="<?php echo G5_JS_URL ?>/jquery.shop.topmenu.js"></script>

를 삽입해줍니다.


'shop/shop.head.php'를 열어

</div>

<div id="wrapper">

위에

<?php include_once(G5_SHOP_SKIN_PATH.'/topmenu.skin.php'); // 메인메뉴 ?>

를 삽입해줍니다.


skin/shop/basic/style.css
head.sub.php
shop/shop.head.php
는 사용자가 수정한 내용이 있을지도 모르니 덮어씌우지는 마십시오.


--------------------------------------------------------------------------------------------

메뉴를 수동으로 등록하려면...

'skin/shop/basic/topmenu.skin.php'에 삽입해줍니다.

<li class="snb_1dli" style="z-index:<?php echo $snb_zindex--; ?>">
            <a href="<?php echo G5_SHOP_URL; ?>/s_shop.php" class="snb_1da">고객지원</a>
        </li>

1차 메뉴 예

<li class="snb_1dli" style="z-index:<?php echo $snb_zindex--; ?>">
            <a href="<?php echo G5_SHOP_URL; ?>/s_shop.php" class="snb_1da snb_1dam">고객지원</a>
            <ul class="snb_2dul">
	        <li class="snb_2dli"><a href="<?php echo G5_BBS_URL; ?>/board.php?bo_table=s_notice" class="snb_2da snb_2da0">공지사항</a></li>
                <li class="snb_2dli"><a href="<?php echo G5_BBS_URL; ?>/board.php?bo_table=s_free" class="snb_2da snb_2da1">자유게시판</a></li>
		<li class="snb_2dli"><a href="<?php echo G5_BBS_URL; ?>/board.php?bo_table=qa" class="snb_2da snb_2da0">질문답변</a></li>
            </ul>
        </li>

1, 2차 메뉴 예


1차 메뉴는 아래의 예처럼 php 파일을 만들어 적용했습니다.

<?php
include_once('./_common.php');

$g5['title'] = '고객지원';
include_once('./_head.php');
?>

<!-- 내용 시작 { -->
    <div>
       고객지원 그룹 예시<br><br><br>
    </div>
    <div>
       <center><img Src="<?php echo G5_SHOP_URL ?>/img/s_shop.png"></center><br><br><br>
    </div>
    <section id="sidx_lat">
       <h2>쇼핑몰 최신글</h2>
       <?php echo latest('shop_basic', 's_notice', 5, 30); ?>
       <?php echo latest('shop_basic', 's_free', 5, 25); ?>
       <?php echo latest('shop_basic', 'qa', 5, 20); ?>
    </section>
<!-- } 내용 끝 -->

<?php
include_once('./_tail.php');
?>

게시판을 열었을 때... 커뮤니티에서 열리지않고 쇼핑몰에서 열리도록 하려면 아래의 방법을 사용하면 됩니다.
(커뮤니티를 사용하지않고 쇼핑몰 하나만 통합 운영하는 경우는 아래 과정이 필요 없습니다)

http://sir.co.kr/qa/?wr_id=34210#answer_34228

쇼핑몰 전용 게시판을 만듭니다.
전용 게시판은 관리자 도구의 '메뉴 설정'에는 등록하지 않습니다.

상단 파일 경로 ../shop/_head.php
하단 파일 경로 ../shop/_tail.php

게시판 관리에서 상하단 파일을 위와 같이 등록해줍니다.


'head.sub.php'에서

if (defined('_SHOP_')) $shop_css = '_shop'; 

에 아래와 같은 방식으로 쇼핑몰에서 불러올 게시판을 입력해줍니다.

if (defined('_SHOP_') or $bo_table == "게시판 아이디") $shop_css = '_shop';

if (defined('_SHOP_') or $bo_table == "s_notice" or $bo_table == "s_free" or $bo_table == "qa") $shop_css = '_shop';

이런 식으로 여러개의 게시판을 등록할 수도 있습니다.

if (defined('_SHOP_') or $gr_id == "shop") $shop_css = '_shop';

이런 식으로 그룹을 등록해도 됩니다.