웹마스터 팁
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
제목 | 글쓴이 | 날짜 |
---|---|---|
서브 메뉴를 항상 펼쳐있도록... [2] | :맥노턴 | 2008.01.01 |
file 업로드 않될때, 메뉴생성및수정이 않될때 [2] | plruto | 2008.01.31 |
왼쪽메뉴줄이고 오른쪽에 박스만들어 내용쉽게넣기
[15]
![]() | plruto | 2008.02.07 |
메인메뉴에서 2차메뉴가 1차메뉴를 따라다니는 롤오버 메뉴로 만들기 [13] | 우야노 | 2008.05.03 |
2차메뉴 롤오버 위치 변환.. [3] | 봄처녀 | 2008.06.05 |
1차 메뉴에서 하위 메뉴 없을때 생기는 여백 없애는 방법 [7] | 제로시오 | 2008.07.04 |
메뉴에 이미지 버튼 사용하기 팁이요~ 이미지첨부!
[3]
![]() | Zzini.net | 2008.07.05 |
1원팁) 톱메뉴를 제거하고 왼쪽 서브메뉴만 출력하는 방법
[2]
![]() | Gnee | 2008.08.02 |
문서 카테고리를 메뉴에 적용하기 위한 레이아웃 수정 팁과 개념토론 [7] | 제베 | 2008.08.31 |
메뉴 모듈 기능 조금 추가
[23]
[1] ![]() | 반도체맨 | 2008.09.29 |
상단메뉴 레이어메뉴 위치 디테일하게 조정하기
[1]
![]() | HomeBox™ | 2008.10.10 |
[초간단]회원팝업메뉴에 메뉴넣기 [1] | Pw-NET | 2008.11.30 |
제로보드 DTREE 메뉴 적용하기 ( 카테고리 선택기 흉내 냈습니다.)
[5]
![]() | 조성우371 | 2009.01.17 |
메뉴활성화에 따라 원하는 위치에 레이어 넣고 바꾸기.. 왼쪽 플래시 메뉴 메뉴따라서 바꾸기 [4] | 만쓰별(정만) | 2009.01.24 |
Smarty 한글 메뉴얼 공개합니다. [1] | 미니미 | 2009.03.04 |
페이지 및 게시판 메뉴 경로
[2]
![]() | 자반튀김 | 2009.04.15 |
관리자모드에서 메뉴 항상 펼치기
[1]
![]() | 아드레날린 | 2009.06.09 |
게시판 메뉴에 새글 알림 표시 띄우기
[13]
![]() | 보거스내친구 | 2009.06.21 |
회원 팝업메뉴에서 작성글 클릭시 다른 아이디 검색 안되게 하기 [3] | 절망린 | 2009.07.03 |
2차 메뉴가 없을 경우 왼쪽 메뉴 숨기기
[5]
![]() | 엔시아- | 2009.07.16 |