에티테마

3단 메뉴 예제

페이지 정보

작성자 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 0건 작성일 22-11-15 15:33

본문

안녕하세요 에티테마 입니다.
3단 메뉴가 필요하신 분들이 있어서 예제를 올려놓습니다.
모바일쪽에서는 세로 메뉴가 아닌 가로 메뉴로 출력되므로 참고 바랍니다.

기존에 테마폴더에 있는 navigaton.php 파일 내용을 참고하셔서 작업해 주시기 바랍니다.
아직 시간이 안되서 3단메뉴는 자동화 되어 있지 않습니다.

수작업으로 작업해주셔야 합니다.
감사합니다.

 

<div id="sticky-wrapper" class="sticky-wrapper" style="height: 90px;">
    <div class="navbar navbar-default navbar-static-top yamm sticky" role="navigation" style="width: 1481px;">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="index.html"><img src="img/logo.png" alt="ETYKR"></a>
                </div>
                <div class="navbar-collapse collapse" style="max-height: 1163px;">
                    <ul class="nav navbar-nav navbar-right">

            <!-- 3단메뉴 예제 -->
                        <li class="dropdown active">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Features  <i class="fa fa-angle-down"></i></a>
                            <ul class="dropdown-menu">
                                <li class="dropdown-submenu">
                                    <a tabindex="-1" href="#">메뉴 </a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">메뉴</a></li>                                                    
                                        <li><a href="#">메뉴</a></li>
                                        <li><a href="#">메뉴</a></li>
                                        <li><a href="#">메뉴</a></li>
                                        <li><a href="#">메뉴</a></li>
                                        <li><a href="#">메뉴</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown-submenu">
                                    <a tabindex="-1" href="#">메뉴 </a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">3단 메뉴</a></li>                                                    
                                        <li><a href="#">3단 메뉴</a></li>
                                        <li><a href="#">3단 메뉴</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">메뉴</a></li>
                                <li><a href="#">메뉴</a></li>
                                <li><a href="#">메뉴</a></li>
                            </ul>
                        </li><!--features-->



                    </ul>
                </div><!--/.nav-collapse -->
            </div><!--container-->
    </div>
</div>
  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

댓글목록

등록된 댓글이 없습니다.

Total 66건 1 페이지