묻고답하기
제로보드 상단 메뉴 부분 삭제 하는법 문의 드립니다.
2008.07.29 18:28
제가 레이아웃 1단짜리를 사용하고 있는데 위 그림파일로 예를 들어 설명드리겠습니다.
홈페이지를 보면 상단 제로보드 로고가 있고 아래 메뉴가 있고 그 아래 다시 게시판이나 페이지를 넣을수 있는건
다들 아시겠죠? ^^;;
근데 제가 상단에 플레시를 넣어서 메뉴를 구성했거든요 그래서 메뉴 부분이 필요 없는데 메뉴를 사용안하면
그 부분에 아무것도 나오지 않는데 자리만 차지하더라구요.
그래서 그부분(여백)을 지우고 메뉴 바로 아래 게시판이나 페이지를 넣고 싶어요
소스의 어느부분을 삭제 해야 할까요?
아래는 제가 사용하는 레이아웃(layout.html) 소스 입니다.
---------------------------------------------------------------------------------------------------------------------------------------
<!-- js 파일 import -->
<!--%import("js/xe_simple_layout.js")-->
<!-- 레이아웃과 연동될 css 파일 import -->
<!--@if($layout_info->colorset == "gray")-->
<!--%import("css/gray.css")-->
<!--@else-->
<!--%import("css/default.css")-->
<!--@end-->
<!--@if($layout_info->background_image)-->
<style type="text/css">
body { background:#FFFFFF url({getUrl()}{$layout_info->background_image}) repeat-x left top; }
</style>
<!--@end-->
<!--@if(!$layout_info->colorset)-->
{@$layout_info->colorset = "default"}
<!--@end-->
<div id="bodyWrap">
<div id="header">
<!--GNB-->
<!ul id="gnb">
<!-- main_menu 시작 -->
<!--- 여기 삽입-->
<!-- main_menu 끝 -->
</ul>
<!--//GNB-->
</div>
<div id="contentBody">
<div id="columnCenter">
<img src="./images/blank.gif" alt="" class="mask" />
<!-- 컨텐츠 시작 -->
{$content}
</div>
</div>
<ul id="footer">
<li class="first-child">
<address>
</li>
</ul>
</div>
답변 부탁드립니다. ㅠ_ㅠ
아무튼 원래 header속의 배경이미지는 다음과 같은 980px*120px크기의 이미지입니다.
div 태그의 css 위치 조정으로 아래회색영역에 상단메뉴가 나타나게 되어있는 구조이구요.
그래서 해당 css의 #header 부분을 수정하셔야 할 듯 합니다.
대략 회색영역의 높이가 38px정도이므로...height:120px -> height:82px 로 해주면 그 높이의 폭이 줄어들면서 아래 회색영역은 보이지 않겠죠. 물론 더욱 정확한거는 포토샵에서 아래를 잘라낸 980x83 크기의 이미지로 교체하는 것이겠구요.
제가 이해한 바가 맞는지 모르겠네요.