전체메뉴 설정에 관해 한번만더 질문드립니다
- - 짧은주소 : http://e3net.fineyes.com/bbs/?t=Kw
본문
이윰님 어제에 이어 오늘도 가르쳐주셔서 감사합니다
head_bs 파일에
메뉴그룹에
전체메뉴를 하나더 만들고싶은데
복사해서 붙여넣기하니까 오류가 뜨더라구요..
위치를 어디다 넣어야지 기존에 있던 전체메뉴그룹 옆에 생기는지..ㅠ
초보적인것들 질문해서 죄송합니다
다른 사이트가있으면 거기서 공부좀하겠습니다 ㅠ
(어느부분부터 어느부분까지를 어디줄에 넣어야하는지 알려주시면 감사합니다 ㅠㅠ)
<!--{* Mega Menu *}-->
<!--{? is_megamenu == 'yes'}-->
<li class="dropdown mega-menu-area">
<a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
전체메뉴
</a>
<!--{* ------------- 전체메뉴 영역 시작 (전체메뉴는 사이트 상황에 맞게 직접 수정합니다.) ------------- *}-->
<ul class="dropdown-menu">
<li>
<div class="mega-menu-content disable-icons">
<div class="container">
<div class="row mega-height">
<div class="col-md-2 mega-height-in">
<ul class="list-unstyled mega-height-list">
<li><h3>전체메뉴 그룹명</h3></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
</ul>
</div>
<div class="col-md-2 mega-height-in">
<ul class="list-unstyled mega-height-list">
<li><h3>전체메뉴 그룹명</h3></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
</ul>
</div>
<div class="col-md-2 mega-height-in">
<ul class="list-unstyled mega-height-list">
<li><h3>전체메뉴 그룹명</h3></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
</ul>
</div>
<div class="col-md-2 mega-height-in">
<ul class="list-unstyled mega-height-list">
<li><h3>전체메뉴 그룹명</h3></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
</ul>
</div>
<div class="col-md-2 mega-height-in">
<ul class="list-unstyled mega-height-list">
<li><h3>전체메뉴 그룹명</h3></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
</ul>
</div>
<div class="col-md-2 mega-height-in">
<ul class="list-unstyled mega-height-list">
<li><h3>전체메뉴 그룹명</h3></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
</ul>
</div>
</div>
</div>
</div>
</li>
</ul>
<!--{* ------------- 전체메뉴 영역 끝 ------------- *}-->
</li>
<!--{/}-->
<!--{* End Mega Menu *}-->
</ul>
</div>
</div><!--{* navbar-collapse *}-->
</div>
</div>
<!--{* End Navbar *}-->
</div>
<!--{* End Header Nav *}-->
댓글목록 8
이윰IN님의 댓글
- 아이디로 검색
2015.12.26 09:03전체메뉴는 말 그대로 전체메뉴인데 다른 전체메뉴를 만들 이유가 있나요?
무엇을 하고자 하는지 조금 더 구체적으로 설명을 해 주시면 좋겠습니다.
감사합니다.
축하합니다. 첫댓글 포인트 5포인트를 획득하였습니다.
dfasdf님의 댓글
- 아이디로 검색
2015.12.26 09:37전체메뉴를 다르게 활용할려고 메뉴명도 바꿔서 활용할려고 생각중입니다
메뉴한개더 옆에 만들고싶은데 복사붙여넣기할 구간하고 위치를 제가 잘모르겠습니다 ..
감사합니다
주주봉봉님의 댓글
- 아이디로 검색
2016.01.13 18:07해결 하셨나요?
전체메뉴에서 지금 6단인데 한단 추가해서 7단~8단..... 만들고 싶으시다는거 맞나요?
그렇다면
<div class="col-md-2 mega-height-in"> 여기에 있는 클래스중에
col-md-2 클래서 찾아서 수정하시면되는데요~
퍼센트로 되어있어요~전체가 100%니까요 만드시고 싶으신 단이 예를들어 7단이시면
100 나누기 7 해서 나오는 퍼센트 클래스에 입히시면되요~
CSS는요~
plugins>bootstrap>bootstrap.css
plugins>bootstrap>bootstrap.min.css
이두곳에
.col-md-2 {
width: 14.285714%; /*메뉴전체보기 한단 넓이수정함 7단일경우 입니다*/
이부분 수정하심됩니당~~
저도 이렇게 했어요 크크크
다른 방법이 또 있는지는 모르겠지만 이렇게 하시면 잘 나와요~
dfasdf님의 댓글
- 아이디로 검색
2016.02.02 08:49답변감사합니다
전체메뉴를 1개더 생성하고싶은데 어떻게하면됩니까
축하합니다. 행운의 포인트 24포인트를 획득하였습니다.
주주봉봉님의 댓글
- 아이디로 검색
2016.02.04 14:39<!--{* Mega Menu *}-->
<!--{? is_megamenu == 'yes'}-->
<li class="dropdown mega-menu-area">
<a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
전체메뉴
</a>
<!--{* ------------- 전체메뉴 영역 시작 (전체메뉴는 사이트 상황에 맞게 직접 수정합니다.) ------------- *}-->
<ul class="dropdown-menu">
<li>
<div class="mega-menu-content disable-icons">
<div class="container">
<div class="row mega-height">
<div class="col-md-2 mega-height-in">
<ul class="list-unstyled mega-height-list">
<li><h3>전체메뉴 그룹명</h3></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
</ul>
</div>
<div class="col-md-2 mega-height-in">
<ul class="list-unstyled mega-height-list">
<li><h3>전체메뉴 그룹명</h3></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
</ul>
</div>
<div class="col-md-2 mega-height-in">
<ul class="list-unstyled mega-height-list">
<li><h3>전체메뉴 그룹명</h3></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
</ul>
</div>
<div class="col-md-2 mega-height-in">
<ul class="list-unstyled mega-height-list">
<li><h3>전체메뉴 그룹명</h3></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
</ul>
</div>
<div class="col-md-2 mega-height-in">
<ul class="list-unstyled mega-height-list">
<li><h3>전체메뉴 그룹명</h3></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
</ul>
</div>
<div class="col-md-2 mega-height-in">
<ul class="list-unstyled mega-height-list">
<li><h3>전체메뉴 그룹명</h3></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
</ul>
</div>
<!--여기서부터 추가요-->
<div class="col-md-2 mega-height-in">
<ul class="list-unstyled mega-height-list">
<li><h3>전체메뉴 그룹명</h3></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
<li><a href="#"><i class="fa fa-genderless"></i> 게시판명 설정</a></li>
</ul>
</div>
<!--여기까지 추가했습니다-->
</div>
</div>
</div>
</li>
</ul>
<!--{* ------------- 전체메뉴 영역 끝 ------------- *}-->
</li>
<!--{/}-->
<!--{* End Mega Menu *}-->
</ul>
</div>
</div><!--{* navbar-collapse *}-->
</div>
</div>
<!--{* End Navbar *}-->
</div>
<!--{* End Header Nav *}-->
축하합니다. 행운의 포인트 71포인트를 획득하였습니다.
주주봉봉님의 댓글
- 아이디로 검색
2016.02.04 14:41위처럼 한단 추가해주시구요 주석 달았어요.
글구 전체보기 펼쳐보면 6단까지만 보일꺼예요~
그때 plugins>bootstrap>bootstrap.min.css 에 아래처럼 수정하시 면됩니다
.col-md-2 {
width: 14.285714%; /*메뉴전체보기 한단 넓이수정함 7단일경우 입니다*/
.col-md-2 찾으셔서 수정하시면되요~ 찾을땐 컨트롤 에프 눌러서 찾으시면 됩니다~
살사바님의 댓글
- 아이디로 검색
2016.02.01 14:06.
윈스톰법사님의 댓글
- 아이디로 검색
2016.02.17 09:43전체메뉴위치