웹마스터 팁
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
제목 | 글쓴이 | 날짜 |
---|---|---|
글쓰기를 클릭하면 띄워지는 테두리 없는 예쁜 팝업 띄우기 core. 1.7.4 [4] | 마음의빈자리 | 2014.02.11 |
2014년 2월 12일부터 갑자기 사이트(관리자 페이지)가 깨지는 경우. | 새하나모 | 2014.02.12 |
이메일인증 Error 한방정리 참고해보세요. [4] | 애드바이러스 | 2014.02.12 |
css 배경이미지 정리 | devdevpia | 2014.02.13 |
GNB 메뉴를 쉽게 만드는 jQuery plugin [2] | 김개발 | 2014.02.14 |
css 가운데정렬 완벽정리! | 돼지코구뇽 | 2014.02.14 |
"이 페이지 나가기" 경고창이 뜨는 사이트의 경우 [23] | 투씨 | 2014.02.15 |
카카오스토리 링크 [14] | 맞장 | 2014.02.15 |
우분투 12.04 LTS Nginx 최신버전 설치하기 [1] | 도라미 | 2014.02.17 |
1.7.4 용 youtube, vimeo, ted 썸네일 적용 document.item.php 수정방법 [9] | 남자인간 | 2014.02.17 |
1.7.4 버전용 한글 lang.xml 파일 [5] | 투씨 | 2014.02.18 |
IEXPLORER 버젼 호환성 강제 맞추기 | davidis | 2014.02.18 |
누리고 쇼핑몰 모바일버전에서 백지화현상 수정하는 팁 [5] | garnecia | 2014.02.19 |
XE 1.7.4 "이메일 주소로 계정 찾기" 오류 해결 방법 | 꿈돌리 | 2014.02.20 |
위젯 게시판 선택시 다중선택하기 ! [2] | GomSang | 2014.02.21 |
게시판 목록에서 새창 띄워서 다른 형태 나오게 하기 [3] | foret | 2014.02.23 |
게시판 목록의 new 아이콘 바꾸기 [1] | foret | 2014.02.23 |
스케치북5 모바일 댓글 작성시 엔터를 쳤을 때 <br /> 코드 뜨는 문제 해결 [7] | oryan | 2014.02.23 |
코어 수정 없이 스킨 수정만으로 게시판 목록에 유튜브,비메오 썸네일 출력 [2] | foret | 2014.02.23 |
부트스트랩 레이아웃 제작시 메뉴 코딩팁 | 웹빌드 | 2014.02.23 |