회원 자료실

디엠샵의 디자인과 기능을 자유롭게 바꿔보세요.

TEXT

[스킨] 상단 메뉴 스타일 변경

2013. 07. 30 19:27 3,613 0 29
첨부파일 (1)
DOWNLOAD

첨부 파일을 클릭하세요.

dal_menu.zip
(84.2KB)DOWN : 5




상단 메뉴를 버튼으로 모두 출력하는 메뉴입니다.

 

압축을 top 안에 푸시고 메인 디자인과 서브 디자인에서 상단 메뉴를 dal_menu로 선택하시면 됩니다.

 

1. 검색을 맨 위에 출력

 

2. 전체 메뉴를 출력  

 

top.php에서

 

83라인부터 수정하면 출력 메뉴 줄 수 변경

 

<script type="text/javascript">
$(document).ready(function($){
   
    $('#mega-menu-5').dcMegaMenu({
        rowItems: '2',   <==== 여기 숫자를 바꾸어 주면 출력 줄 필드 수 조정 가능
        speed: 'fast',
        effect: 'fade'
    });
   
});
</script>

 

81라인과 120라인의 white를 blue, orange, black, red, grey, green, light_blue 등으로 변경하면 버튼 색 변경 됩니다. 

<link href="<?=$dmshop_top_path?>/css/skins/white.css" rel="stylesheet" type="text/css" /> 

<div class="white"  style="float:right;">  

 

메뉴의 추가 변경은 120라인부터

 

<div class="white"  style="float:right;"> 
<ul id="mega-menu-5" class="mega-menu">
    <li><a href="#">전체 상품</a>
    <ul>
        <? for($i=0; $i < $j; $i++) { ?>
   
            <li><a href="<?=$shop['path']?>/list.php?ct_id=<?=$first_id[0][$i]?>"><?=$first[0][$i] ?></a>
               
                <ul>
            <? for($m=0; $m <$k; $m++) { if($code[$m] == $first_id[0][$i]) { ?>                   
               
                    <li><a href="<?=$shop['path']?>/list.php?ct_id=<?=$first_id[1][$m]?>"><?=$first[1][$m]?></a></li>

            <? } }?>  <== 여긴 디비로 부터 분류 읽어 오기 끝
                </ul>
            </li>

        <? } ?>
           
    </ul>
    </li>
    <li><a href="#">고객지원</a>  <=== 이런식으로 자신의 메뉴 추가
    <ul>
            <li><a href="<?=$shop['path']?>/board.php?bbs_id=notice">공지사항</a></li>
            <li><a href="<?=$shop['path']?>/board.php?bbs_id=qna">질문과 답변</a></li>
            <li><a href="<?=$shop['path']?>/board.php?bbs_id=faq">자주묻는 질문</a></li>
    </ul>
    </li>
</ul>       
</div> 

 

 

 

 

민기만정회원

관련 콘텐츠

  • 비회원
  • 작성자
  • 비밀번호
  • 취소

대댓글 작성

비밀번호를 입력하세요.

비밀번호
이익수 2013. 07. 31 (10:26)07.31 (10:26)
정말, 유용한 소스 공개 감사드려요.

다만,.. 디자인이 좀 맹숭맹숭한 건 사실이죠? ^^*
최소한 좌측 메뉴정도였으면 어떨까 싶네요.


민기만 2013. 07. 31 (13:54)07.31 (13:54)
좌측 메뉴로 할 수 없는 것이 분류가 많을 경우 화면 출력에 문제가 있어요.
이 스킨은 분류가 여럿일 경우 깔끔하게 모든 서브 항목까지 출력한다는 것입니다.
색상은 8 종류 지원하니 맘대로 바꾸시면 됩니다.
이익수 2013. 07. 31 (13:58)07.31 (13:58)
색상 변경은 어떤 구문을 수정하나요??
민기만 2013. 07. 31 (14:02)07.31 (14:02)
위에 내용 추가했습니다.
이익수 2013. 07. 31 (14:06)07.31 (14:06)
대단한 소스입니다. 감사해요!

그런데,....게시판들. 글쓰기가 갑자기 안되는데,,,이 소스와의 충돌 아닌지 모르겠네요? ㅜ.ㅜ

지금,,글쓰기가 안되어 고민입니다.
민기만 2013. 07. 31 (14:11)07.31 (14:11)
충돌할 수 없습니다.
이건 단순히 디비만 불러오니까요.
민기만 2013. 07. 31 (14:19)07.31 (14:19)
오류를 보니 $m 때문인 것 같습니다. 변수 m을 쓰고 있네요.
새로 스킨 올립니다.
이익수 2013. 07. 31 (14:39)07.31 (14:39)
전체상품 ㅡ


                <ul>
            <? for($m=0; $m <$k; $m++) { if($code[$m] == $first_id[0][$i]) { ?>                   
               
                    <li><a href="<?=$shop['path']?>/list.php?ct_id=<?=$first_id[1][$m]?>"><?=$first[1][$m]?></a></li>


<===이 부분을 말씀하시죠?
이익수 2013. 07. 31 (14:47)07.31 (14:47)
www.healingfriends.co.kr 구현했는데,,,,게시판 글쓰기가 아직 안되요.

검토해봤지만,,,,,dal menu 상단 사용시에만 글쓰기가 되지 않네요. ㅜ.ㅜ
이익수 2013. 07. 31 (15:04)07.31 (15:04)
width가,....메뉴 4가지 까지 인가요? 메뉴를 추가하면,....5번 째 메뉴는 하단으로 내려가네요? 어떻게 하죠?

,,,좋은데,,,참,,좋은데,,,,,

 
민기만 2013. 07. 31 (16:58)07.31 (16:58)
새로 업데이트해서 올렸습니다. 새로 받으셔야 합니다.

메뉴위 경우 width를 조정하시면 됩니다.
민기만 2013. 07. 31 (17:01)07.31 (17:01)
150번째줄의  다음의 width를 줄여보세요. => </td><td width=150>&nbsp;</td></tr>
민기만 2013. 07. 31 (17:01)07.31 (17:01)
새로 받지 않으려면 $m을 $n으로 바꾸세요.
이익수 2013. 07. 31 (17:45)07.31 (17:45)
이제 완벽!

www.healingfriends.co.kr 완벽 구현했습니다.

민기만 님 감사해요!!!!!!

민기만 2013. 07. 31 (21:24)07.31 (21:24)
홈피 내용 좋으네요.
처음처럼 2013. 08. 01 (11:55)08.01 (11:55)
감사합니다!!!
이형철 2013. 11. 20 (16:55)11.20 (16:55)
훌륭한 소스이네여 한번 정리 해봐야겠네여..감사
이형철 2013. 11. 21 (18:13)11.21 (18:13)
맨왼쪽에 작업하려고 하는데... 20픽셀정도 떨어져서 화면 구성이되네여..어떻게 하면 되나요..?
임선규 2014. 03. 12 (00:29)03.12 (00:29)
이런거 보면 정말 대단합니다.
정부화 2014. 04. 11 (13:55)04.11 (13:55)
잘쓰겠습니다
고계복 2014. 07. 15 (07:07)07.15 (07:07)
잘쓰겠습니다
박상민 2014. 08. 24 (21:16)08.24 (21:16)
좋네요..ㅎ
홍남옥 2014. 08. 30 (18:08)08.30 (18:08)
좋습니다.
문상만 2014. 11. 14 (17:53)11.14 (17:53)
감사합니다.^^
유정현 2014. 12. 14 (14:14)12.14 (14:14)
감사합니다^^
노지연 2015. 01. 17 (22:34)01.17 (22:34)
감사합니다~!!
김민우 2015. 05. 14 (19:26)05.14 (19:26)
와~ 이렇게도 되는구나..
김수옥 2015. 07. 17 (22:51)07.17 (22:51)
감사합니다~
윤지윤 2015. 12. 21 (05:26)12.21 (05:26)
감사합니다
  • 전체 카테고리
  • 템플릿
  • 스킨
  • 게시판
  • 기타
    New 0 / All 41
    25개씩 보기
    • 25개씩 보기
    • 50개씩 보기
    • 100개씩 보기
      디엠샵 심플

      [템플릿]

      2,329192016. 04. 29
      구글 지도

      [스킨]

      2,574062012. 10. 08
      네이버 지도

      [스킨]

      3,588042012. 10. 06
      경매 게시판

      [스킨]

      5,1740202012. 10. 02
      Copyright © DMSHOP Corp. All Rights Reserved.