묻고답하기
Default 레이아웃 수정관련 질문입니다
2014.07.29 17:30
안녕하세요.
XE Core 1.7.4.1 사용중입니다.
동봉된 Default 레이아웃을 수정하여 사이트 제작중입니다.
수정중 막히는 부분이 있어 질문 올립니다.
1. GNB 위치 수정
로고 아래쪽에 gnb 메뉴가 들어와 있는데, 이 위치를 로고 우측 옆으로 이동하여
현재 XE 공식홈과 비슷한 형태로 레이아웃을 잡으려고 하는데...
layout.html 에서 header 부분을
<h1>
<a href="{geturl('')}" id="siteTitle">
<img src="siteTitle.png" alt="XpressEngine" cond="!Context::getSiteTitle() && !$layout_info->LOGO_IMG && !$layout_info->LOGO_TEXT">
<block cond="Context::getSiteTitle() && !$layout_info->LOGO_IMG && !$layout_info->LOGO_TEXT">{Context::getSiteTitle()}</block>
<img src="{$layout_info->LOGO_IMG}" alt="{$layout_info->LOGO_TEXT}" cond="$layout_info->LOGO_IMG">
<block cond="!$layout_info->LOGO_IMG && $layout_info->LOGO_TEXT">{$layout_info->LOGO_TEXT}</block>
</a>
</h1>
<div>
<!-- GNB -->
<nav class="gnb" id="gnb">
<ul>
<li loop="$GNB->list=>$key1,$val1" class="active"|cond="$val1['selected']">
<a href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'">{$val1['link']}</a>
<ul cond="$val1['list']">
<li loop="$val1['list']=>$key2,$val2" class="active"|cond="$val2['selected']"><a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}</a></li>
</ul>
</li>
</ul>
</nav>
<!-- /GNB -->
과 같이 수정했는데, 위치가 이동하지 않습니다. CSS 파일을 열어서 이것저것 건드려 보았는데 division positioning 에 대한 이해가 부족하여 제한이 되는 것 같은데.. 방법을 아신다면 팁 부탁드리겠습니다.
2. 서브 메뉴 출력 방식
Default Layout은 1차 메뉴 마우스 오버시 다른 메뉴의 2차 메뉴 까지 같이 드롭다운 되는 형태인데, 이 역시 현재 XE 공식홈과 같은 형태로... 해당 메뉴에 대한 서브메뉴만 출력되도록 수정하고자 합니다. 이에 대한 수정 방법이 궁금합니다.
원하는 형태로 작동하는 레이아웃을 찾으셔서 디자인 수정 하시는게 더 빠를겁니다.
지금 원하시는건 html 수정에 css 수정 그리고 js 수정까지 해야 하는 것이라...
js 수정이라도 줄일려면 원하는 동작을 하는 레이아웃으로 변경하시는걸 권해 드립니다.