묻고답하기
메뉴 수정이 불가능합니다;ㅠㅠ 도와주세요;;;
2008.10.27 16:42
레이아웃 스킨과 게시판 스킨은 xe_simple_3.0을 사용하였습니다.
2008이 홈페이지의 로고의 일부분인데아이프레임으로 투명주고 레이아웃에 얹혀들어갔습니다.
다행히 메뉴가 그 위에 올라오게되었지만 2008을 가리기 때문에 Main에서 Links까지 메뉴를 세개씩 반으로 쪼개서 세번째인 Photos와 Community메뉴를 좀 간격을 줘서 띄어놓을려 합니다. 그리고 중간에 있는 얇은 막대도 가운데 없애고 오른쪽 Links끝에 하나 넣을 생각입니다. 허나 이러한 것들을 수정하는데 저처럼 초보자한테는 상당히 어렵게 되어있습니다.
문제점과 해결책을 좀 부탁드립니다.ㅠㅠ
다시 정리하자면...
1. 메뉴를 세개씩 반으로 임의로 나눠서 중앙에 2008이 가려지지 않을정도로 간격주기
2. 가운데 분할 막대기 없애기
3. Links메뉴 오른쪽 측면에 분할막대기 삽입
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
<!-- js 파일 import -->
<!--%import("js/xe_simple3.0.js")-->
<!-- 레이아웃과 연동될 css 파일 import -->
<!--@if($layout_info->colorset == "ash")-->
<!--%import("css/ash.css")-->
<!--@elseif($layout_info->colorset == "dual")-->
<!--%import("css/dual.css")-->
<!--@elseif($layout_info->colorset == "white")-->
<!--%import("css/white.css")-->
<!--@elseif($layout_info->colorset == "kraft")-->
<!--%import("css/kraft.css")-->
<!--@elseif($layout_info->colorset == "linen_dot")-->
<!--%import("css/linen_dot.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-->
<!--@if(!$layout_info->content_width)-->{@ $layout_info->content_width = 770; }<!--@end-->
<div id="bodyWrap" style="width:{$layout_info->content_width}px;">
<div id="header"style="width:{$layout_info->content_width}px;">
<!--GNB-->
<iframe name="wow" align="center" width="802" height=238 frameborder="0" scrolling="no"
src="http://127.0.0.1/zbxe/logo.html" marginwidth="0" marginheight="0" hspace="0" vspace="0"
allowtransparency="true"></iframe>
<ul id="gnb">
<!-- main_menu 시작 -->
<div style='position:absolute;top:5px;left:20%;'>
<!--@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 끝 -->
</div>
</ul>
<!--//GNB-->
</div>
<div id="contentBody" style="width:{$layout_info->content_width-15}px;">
<div id="columnCenter" style="width:{$layout_info->content_width-30}px;">
<img src="./images/blank.gif" alt="" class="mask" />
<!-- 컨텐츠 시작 -->
{$content}
</div>
</div>
<ul id="footer">
<li class="first-child">
<address>
<a href="http://www.zeroboard.com/" onclick="window.open(this.href);return false;"><img src="./images/{$layout_info->colorset}/powerdByZeroboard.gif" alt="Powered By ZeroBoard" width="99" height="5"></a></address> | <a href="http://alphalyra.net" target="_blank"><img src="images/{$layout_info->colorset}/designby.gif" alt="ALPHALYRA.NET" width="85" height="5"></a><br><div>{$layout_info->copyright}</div>
</li>
</ul>
</div>
<div style='position:absolute;top:95px;left:50%;'>
<div id="columnLeft" style='position:relative;top:0;right:{($layout_info->content_width)/2+127}px;'>
<!-- 왼쪽 2차 메뉴 -->
<!--@if($menu_1st)-->
<ol id="lnb">
{@ $idx = 1 }
<!--@foreach($menu_1st['list'] as $key => $val)--><!--@if($val['link'])-->
<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>{@$idx++}<!--@end--><!--@end-->
</ol>
<!--@end-->
</div></div>
1. 메뉴 아이템을 세개 출력한 후에 일정 간격을 띄어가려면 루프문 중간에 루프스탭 변수를 봐서 여백을 넣어야겠죠.
고개가 절레절레 흔들어지는 거시기입니다. 따라서 차라리, 인식성 공백문자를 제목으로 하는 메뉴항목을 더미로 만들어 자리를 띄는 방법이 나을지도 모르지만, 그렇게 매뉴를 구성하면, 사이드매뉴라든지 다른곳에서의 메뉴 기능에도 그 더미 메뉴가 튀어 나오니... 글쎄요 - -... 제 생각에는, 상단 메뉴를 xe 기능으로 구현하지 마시고 그냥 수동으로 고정내용 div로 구성하시는게 나을것 같습니다.
2. 해당 분할 막대기는 ul li 스타일에 먹혀 있는것이니 스타일을 고치셔도 되고, 파일 이름이 bgGnbVr.gif 니까 정확한 그 파일을 찾아서 투명이미지로 교체해버리는 것도 방법입니다... 스킨 색상 지정등에 따라 여러 위치에 있으니까 파일 위치 판단 잘하세요.