묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
기본 레이아웃 쓰는데.. 상단 메뉴좀 없애고 싶어요.
2008.08.15 13:15
제로보드XE를 쓰고 있는데 거의 기본 스킨으로 그림과 색만 바꿔서 쓰고 있어요.
사이트가 복잡하지 않기 때문에 메뉴구성이 무척 간단하고
따라서 위쪽 상단메뉴는 필요없고 좌측 사이드 메뉴만 있으면 됩니다.
그래서 어드민페이지에서 좌측 메뉴를 짤 때에 상단 메뉴 하나를 만들어 놓고
모든 메뉴 구성을 그 하위로 작성을 했어요.
그랬으니까 당연히 결과 웹사이트에서는 상단메뉴에는 메뉴버튼이 하나만 있고
왼쪽 사이드 메뉴에는 제가 원하는 사이트 구성이 메뉴로 멋지게 잘 되었고요.
결국, 저는 상단의 탑메뉴가 필요없는 상황이어서 이걸 없애고 싶은데...
레이아웃 파일에서 <!--GNB--> 라는 부분이 있길래 딱 거기가 거기다 싶어서 삭 지워봤더니...
그걸 지우면 사이드메뉴도 같이 안나와버리더라구요?
상단 탑메뉴만 없애고 싶은데.. 좋은 방법이 없을지요?
사이트가 복잡하지 않기 때문에 메뉴구성이 무척 간단하고
따라서 위쪽 상단메뉴는 필요없고 좌측 사이드 메뉴만 있으면 됩니다.
그래서 어드민페이지에서 좌측 메뉴를 짤 때에 상단 메뉴 하나를 만들어 놓고
모든 메뉴 구성을 그 하위로 작성을 했어요.
그랬으니까 당연히 결과 웹사이트에서는 상단메뉴에는 메뉴버튼이 하나만 있고
왼쪽 사이드 메뉴에는 제가 원하는 사이트 구성이 메뉴로 멋지게 잘 되었고요.
결국, 저는 상단의 탑메뉴가 필요없는 상황이어서 이걸 없애고 싶은데...
레이아웃 파일에서 <!--GNB--> 라는 부분이 있길래 딱 거기가 거기다 싶어서 삭 지워봤더니...
그걸 지우면 사이드메뉴도 같이 안나와버리더라구요?
상단 탑메뉴만 없애고 싶은데.. 좋은 방법이 없을지요?
댓글 2
-
enzoy
2008.08.16 05:45
-
팔공산
2008.08.16 12:17
<!--GNB-->
<ul id="gnb">
<!-- main_menu 1차 시작 -->
<!--@foreach($main_menu->list as $key => $val)--><!--@if($val['link'])-->
<!--@if($val['selected'])-->
{@ $menu_1st = $val }
<!--@end-->
<li <!--@if($val['selected'])-->class="on"<!--@end-->><a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['link']}</a></li>
<!--@end--><!--@end-->
<!-- main_menu 1차 끝 -->
</ul>
<!--//GNB-->
위의 소스에서 녹색부분만 제거하시면 됩니다.(다 지우면 왼쪽 2차메뉴 생성이 안됩니다)
공식 기본 레이아웃이라면... 제로XE 설치 디렉토리 아래에 layouts 아래에 xe_official 아래에 layout.html 가 본 파일일거고,
그 아래 css 아래에 선택한 색상이름의 .css 파일을 고치면 원하는게 되겠습니다.
예를 들어 default 색상을 골랐다면, default.css 파일 내용을 고치세요.
30번째줄 정도부터 보면 gnb div의 디자인이 정의되어 있죠.
#gnb { position:absolute; top:76px; left:0; height: 여기에서 height 사이즈 숫자를 작게 혹은 0으로 설정하면 탑메뉴는 좁아지거나 없어질겁니다. 혹은 아예 #gnb { display : none; 으로 시작하도록 삽입을 하면 화면에 표시자체가 안되겠죠.
그런데, 그거 없애도 원래 #header div의 세로폭이 유지되고 있으니까 사이즈를 줄이는 의미도 없고 배경그림도 계속 나오게 됩니다.
그러니까, 18째줄 쯤에 있는 #header { position:relative; width:978px; height: 이부분의 height 숫자도 맞춰서 줄여주시면 됩니다. 77쯤으로 줄이시면 될듯. ^^;;;
기본스킨 쓰고 계시다면, #language { position:absolute; 이 부분도 #language { display : none; position:absolute; 이렇게 고치면 구석에 언어선택 메뉴도 없앨 수 있습니다.