웹마스터 팁
부트스트랩 레이아웃 제작시 메뉴 코딩팁
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차 메뉴 페이지로 가지 않습니다. 저같은 경우 이런스타일을 좋아해서 이렇게 잡았습니다.