전체메뉴 설정에 관해 한번만더 질문드립니다
1,047
2015.12.25 09:31
짧은주소
- - 짧은주소: http://v2.eyoom.net/bbs/?t=1MG 주소복사
본문
이윰님 어제에 이어 오늘도 가르쳐주셔서 감사합니다
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 *}-->
0
레벨 3
경험치 846
Progress Bar 41%
- 가입일 : 2015-12-11 04:31:15
- 서명 :
- 자기소개 :
Total 11건 1 페이지
게시판 이용안내
이윰빌더를 이용하시는 모든 회원님들이 서로 궁금한 부분을 질문 또는 답변을 하며 문제점을 서로 해소할 수 있는 공용 질답 게시판입니다.
질문 시 기본적인 예절을 지켜주세요.
- 질문 시 바른말을 이용 해 주세요.
- 질문자의 상황을 다른이가 예측하기 힘듭니다. 오류가 난 상황이나 환경등을 최대한 자세하게 알려주셔야만 원하시는 답을 얻을 확률이 높습니다.
- 질문의 유형에 따라 틀릴 수 있지만 문제가 되는 해당 페이지 주소가 있으면 가장 근접한 해법이 나올 가능성이 큽니다.
- 원하시는 답을 얻으시면 감사의 말씀을 전하는 센스를 발휘 해 주세요.
- 질문 전 한번쯤 읽어볼만한 글 : http://eyoom.net/bbs/board.php?bo_table=qna&wr_id=74
댓글목록
이윰IN님의 댓글
전체메뉴는 말 그대로 전체메뉴인데 다른 전체메뉴를 만들 이유가 있나요?
무엇을 하고자 하는지 조금 더 구체적으로 설명을 해 주시면 좋겠습니다.
감사합니다.
축하합니다. 첫댓글 포인트 5포인트를 획득하였습니다.
dfasdf님의 댓글
전체메뉴를 다르게 활용할려고 메뉴명도 바꿔서 활용할려고 생각중입니다
메뉴한개더 옆에 만들고싶은데 복사붙여넣기할 구간하고 위치를 제가 잘모르겠습니다 ..
감사합니다
주주봉봉님의 댓글
해결 하셨나요?
전체메뉴에서 지금 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님의 댓글
답변감사합니다
전체메뉴를 1개더 생성하고싶은데 어떻게하면됩니까
축하합니다. 행운의 포인트 24포인트를 획득하였습니다.
주주봉봉님의 댓글
<!--{* 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포인트를 획득하였습니다.
주주봉봉님의 댓글
위처럼 한단 추가해주시구요 주석 달았어요.
글구 전체보기 펼쳐보면 6단까지만 보일꺼예요~
그때 plugins>bootstrap>bootstrap.min.css 에 아래처럼 수정하시 면됩니다
.col-md-2 {
width: 14.285714%; /*메뉴전체보기 한단 넓이수정함 7단일경우 입니다*/
.col-md-2 찾으셔서 수정하시면되요~ 찾을땐 컨트롤 에프 눌러서 찾으시면 됩니다~
살사바님의 댓글
.
윈스톰법사님의 댓글
전체메뉴위치