웹마스터 팁
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
제목 | 글쓴이 | 날짜 |
---|---|---|
XpressEngine 공식 매뉴얼(한글 파일) #1 [9] | 자이제로 | 2008.11.21 |
펌방지하기(펌방지해제우회) [6] | *이종민* | 2008.11.21 |
회원 관리 리스트에 생일/설명/활동량 추가하기 [16] | 老姜君 | 2008.11.21 |
새글/업데이트/이미지/동영상/첨부파일 아이콘 없애기 [18] | 老姜君 | 2008.11.21 |
히든프레임 사랑비BGM 컨트롤하기(수정완료) [6] | Pw-NET | 2008.11.16 |
약관 2개 만들기 [3] | WXPCM | 2008.11.15 |
IIS 6.0에 rewrite mod 적용하기 [5] | 천애소원 | 2008.11.14 |
제로보드XE XML파일 표준화 [2] | BlueGATE | 2008.11.13 |
제로보드XE 가로 스크롤 문제 해결 방법 [7] | digitalist | 2008.11.12 |
레이아웃에 위젯 넣을때 위젯 사이즈 조절 [4] | mojo9 | 2008.11.07 |
일반 페이지에 로그인(세션) 정보 활용하기 [13] | noirzo | 2008.11.07 |
제한된 웹사이트 [1] | 마호로 | 2008.11.05 |
이미지 리사이즈가 적용 안될때 [1] | 개돌 | 2008.11.03 |
라이트박스(facebox) 적용하기 [7] | 퍼플F | 2008.11.02 |
FTP프로그램을 이용하지 않고 업로드 하기 [8] | 싱하형 | 2008.10.31 |
외국에서 접속시 로그인 않되는문제 [1] | minams | 2008.10.30 |
윈도우즈에서 운영시 메일 발송 문제 해결 팁 [4] | ㅅnㅁiㄱlㅍㅡㄴㅁㅡㄹ | 2008.10.30 |
플래시 BGM 음악 제로보드에 넣는 방법 | 푸른커튼 | 2008.10.29 |
초간단 폼메일...소스를 보시면 알거에요.. 수정하셔서 사용해보세요 [5] | 코리아프럼 | 2008.10.28 |
운영자, 특정레벨이하 사진(이미지) 우클릭 금지 [7] | S K Y | 2008.10.27 |