묻고답하기
고수님들 간단한거 3가지만 알려주세요~~~부탁이에요
2010.02.12 14:10
레이아웃 다운받아 여기 (http://www.weal.co.kr/) 까지했는데 3가지만 꼭 알려주세요.
1. 처음 홈페이지 들어갈때 왼쪽 상단의 저의 회사로고가 x표시되요. 로고 위치나 home마우스 클릭하면 다시 생기고요.
이건 어떻게 해결하죠?
2. 홈페이지 보시면 아시다시피 폭이 작습니다. 원본 레이아웃은 오른쪽에 추가 메뉴가 있는데 필요없어서 지웠더니 너무 작아보입니다. 본문 메이지를 넖히고 싶어요.
3. 마지막으로 본문이 왼쪽으로 되어있는데. 가운데로 오게 하고 싶어요.
꼭좀 부탁드립니다. 설명이 어려우시면 직접 해주셔도 됩니다. 사례하겠습니다.
html
<!-- js 파일 import -->
<!--%import("js/moonhouse.js")-->
<!--// 레이아웃과 연동될 css 파일 import -->
<!--@if($layout_info->colorset == "simple")-->
<!--%import("css/simple.css")-->
<!--@else-->
<!--%import("css/normal.css")-->
<!--@end-->
<style type="text/css">
* { margin:0; padding:0; }
</style>
<!--@if($layout_info->scrollbar == "yes")-->
<style type="text/css">
HTML { scrollbar-face-color:{$layout_info->scrollbar_color};
scrollbar-shadow-color:gray;
scrollbar-highlight-color:#f0f0f0;
scrollbar-3dlight-color:#F0F0F0;
scrollbar-darkshadow-color:#ffffff;
scrollbar-track-color:#F0F0F0;
scrollbar-arrow-color:#ffffff;
</style>
<!--@end-->
<!-- 배경이미지 설정 -->
<style>
<!--@if(!$layout_info->bg_img)-->
body { background:url(./layouts/mh_simple/images/page_bg.jpg) repeat-x #3A0404; }
<!--@else-->
body { background:url({$layout_info->bg_img}) {$layout_info->layout_bgimg_align} top {$layout_info->layout_bgimg_repeat} {$layout_info->bg_color} }
<!--@end-->
</style>
<!-- /배경이미지 설정 -->
<!--@if(!$layout_info->colorset)-->
{@$layout_info->colorset = "simple"}
<!--@end-->
<!-- 메인이미지 설정 -->
<div id="wrapper" style=<"background:url({$layout_info->main_img)>!--@else-->"background:url({$layout_info->main_img}) no-repeat;"<!--@end--> />
<!-- /메인이미지 설정 -->
<div id="none"></div>
<!--logo-->
<div id="logo"><a href="{$layout_info->index_url}">
<!--@if(!$layout_info->logo_image)-->
{$layout_info->logo_text}<!--@else--><img src="{$layout_info->logo_image}" alt="Logo" class="iePngFix" />
< <!--@if(!$layout_info->img_image)--><!--@else-->
<img src="{$layout_info->img_image}" class="iePngFix" />
<!--@end-->
</ul>
<!-- 본문 -->
<div id="content">
<div id="body" style=<!--@if(!$layout_info->body_color)-->"background-color:#901315;"<!--@else-->"background-color:{$layout_info->body_color};"<!--@end--> />
{$content}
<div class="clear">
</div>
</div>
<!-- // 본문 끝 -->
<!-- 로그인 위젯 -->
<!--@if($layout_info->Login == "yes")-->
<ul id="logoin">
<img class="zbxe_widget_output" widget="login_info" skin="nuri_simple_login_garo" colorset="col_000" />
</ul>
<!--@end-->
<!--GNB-->
<ul id="gnb">
<!-- main_menu 1차 시작 -->
{@$gnb_count = 0;}
<!--@foreach($main_menu->list as $key => $val)--><!--@if($val['link'])-->
<!--@if($val['selected'])-->
{@ $menu_1st = $val }
<!--@end-->
<li id="gnbli{$gnb_count}" <!--@if($val['selected'])-->class="on"<!--@end--> onmouseover="gnbinToggle({$gnb_count}, this)" ><a href="{$val['href']}" onfocus="this.blur()" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['link']}</a></li>{@$gnb_count++;}
<!--@end--><!--@end-->
<!-- main_menu 1차 끝 -->
</ul>
<!--//GNB-->
<script type="text/javascript">
var gnb_count = {$gnb_count};
</script>
<!-- 2차 메뉴 -->
{@$gnb_count = 0;}
<!--@foreach($main_menu->list as $mkey => $mval)-->
<!--@if($mval['text'])-->
<!-- 왼쪽 2차 메뉴 -->
<!--@if($mval['selected'])-->
<ol id="gnb{$gnb_count}" class="gnb_sub" style="display:block;">
<!--@if(!$mval['list'])--><li></li><!--@end-->
<!--@foreach($mval['list'] as $key => $val)--><!--@if($val['text'])-->
<li <!--@if($val['selected'])-->class="on"<!--@end-->><a href="{$val['href']}" onfocus="this.blur();" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<onclick="window.open(this.href);return">!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@if($val['selected'])--><!--@end--><a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<{$layout_info->copyright">!--@if(!$layout_info->copyright)--><!--@else-->{$layout_info->copyright} / <!--@end-->
</ul>
<ul class="b_text">
<b_text2)-->{$layout_info->b_text2}
레이아웃은 HTML 에서도 가능하지만 현재 사용하시는 레이아웃가지고는 해결이 어렵습니다.
우선 레이아웃이 필요하지만 레이아웃을 지원하고 있는 CSS 파일을 알아야 합니다.
CSS 파일에서 각 그림의 위치와 레이아웃의 폭등이 정해저 있습니다.
CSS 파일을 보시고 수정하시면 됩니다.
위에 HTML 소스가지고는 수정할 것이 없는거 같습니다.