웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
부트스트랩 레이아웃 제작시 메뉴 코딩팁
2014.02.23 23:58
<ul class="nav navbar-nav">
<li loop="$global_menu->list=>$key1,$val1" class="active"|cond="$val1['selected']" class="dropdown"|cond="$val1['list']" ><a href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'" class="dropdown-toggle"|cond="$val1['list']" data-toggle="dropdown"|cond="$val1['list']">{$val1['link']}<b class="caret"|cond="$val1['list']"></b></a>
<ul class="dropdown-menu" cond="$val1['list']">
<li loop="$val1['list']=>$key2,$val2" cond="$val2['link']" class="ad2"><a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'"> {$val2['link']}</a></li>
</ul>
</li>
</ul>
부트스트랩에서 잡은건데 뵛면 class="active"|cond="$val1['selected']" 과 class="dropdown"|cond="$val1['list']" 문으로 down 아이콘이 나도록 하고 2차 메뉴가 나타나도록 했습니다. 그외는 이차 메뉴를 <ul class="dropdown-menu" cond="$val1['list']"> 로 조건물을 줘서 <li loop="$val1['list']=>$key2,$val2" cond="$val2['link']" class="ad2"><a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'"> {$val2['link']}</a></li> 를 잡았습니다.
혹시 필요하신분들 참고해주세요.
이렇게 하면 1차 메뉴에서 2차 메뉴를 가지고 있는 메뉴들은 1차 메뉴 클릭하면 2차메뉴가 풀다운 메뉴로 나오고 1차 메뉴 페이지로 가지 않습니다. 저같은 경우 이런스타일을 좋아해서 이렇게 잡았습니다.
댓글 0
제목 | 글쓴이 | 날짜 |
---|---|---|
이메일인증 Error 한방정리 참고해보세요. [4] | 애드바이러스 | 2014.02.12 |
css 배경이미지 정리 | devdevpia | 2014.02.13 |
GNB 메뉴를 쉽게 만드는 jQuery plugin [2] | 김개발 | 2014.02.14 |
"이 페이지 나가기" 경고창이 뜨는 사이트의 경우 [23] | 투씨 | 2014.02.15 |
XE 1.7.4 "이메일 주소로 계정 찾기" 오류 해결 방법 | 꿈돌리 | 2014.02.20 |
부트스트랩 레이아웃 제작시 메뉴 코딩팁 | 웹빌드 | 2014.02.23 |
1.5버전대에서 1.7.4버전으로 업데이트시.. [4] | 똑디 | 2014.02.26 |
[팁 시리즈 2] 한글 도메인이나 영문 도메인 설정을 잘못 건드려서 사이트의 모든 기능이 거의 먹통입니다! | Omega3 | 2014.03.01 |
xe 홈페이지 폰갭으로 묶을때 | 웹빌드 | 2014.03.03 |
페이지 모듈에서 다국어 기능 작동 안 하는 버그 패치법 [1] | sejin7940 | 2014.03.04 |
XE 어플로 만들때 PUSH 기능처리 방법 | 웹빌드 | 2014.03.06 |
홈페이지 주소창 상세 링크 안보이게 설정 | 헤이즈디자인 | 2014.03.09 |
사이트접속시 모바일기기 접속이면 설정한 페이지로 이동시키기 | 홈피닥터 | 2014.03.09 |
폰갭 처리시 뒤로가기 종료 처리 방법 | 웹빌드 | 2014.03.11 |
관리자 비밀번호 분실시 phpmyadmin을 이용하여 재설정하는 방법 [6] | elancer | 2014.03.11 |
호환성보기 명령어 모음 | 다큰왕자 | 2014.03.17 |
메인 홈페이지와 서브페이지를 하나의 레이아웃으로 | 투씨 | 2014.03.24 |
VB.NET에서 XE로그인 연동하기.[내용추가] [3] | AppSeedKorea | 2014.03.26 |
[SocialXE] 1.7.4.x 업데이트 후 SocialXE에서 '잘못된 요청입니다.' 오류가 뜨는 문제 해결하기
[15]
![]() | TUW | 2014.03.26 |
[javascript]기초강좌 | 01 자바스크립트개념 | hiwebs | 2014.04.01 |