묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
레이아웃 질문
2013.01.21 01:27
Elkha - Gray Style ver 2.0.1 (elkha_graystyle)
레이아웃은 이거구요
{@
// 레이아웃 기초 설정
$layout_info->colorset = ($layout_info->colorset)? $layout_info->colorset : "default";
$layout_info->name = ($layout_info->name)? $layout_info->name : $layout_info->layout_title;
$layout_info->url = ($layout_info->url)? $layout_info->url : "./";
$layout_info->widget = ($layout_info->widget)? ereg_replace("[^0-9]", "", $layout_info->widget) : "200";
$layout_info->padding = ($act && $act!="dispPageAdminContentModify")? "no_margin" : $layout_info->padding;
$category = array();
}
<!--%import("css/default.css")-->
<!--%import("css/style.css")-->
<!--%import("js/jQuery.navi.js")-->
<!--%import("js/script.js")-->
<style type="text/css">
#container { background-position:-{(4000-$layout_info->widget-30)}px 0; }
#container.ce { background-position:{(960-30-$layout_info->widget)}px 0; }
#column .ext .sec { width:{$layout_info->widget}px; }
#content { width:{(960-60-$layout_info->widget)}px; }
#content.no_margin { width:{(960-30-$layout_info->widget)}px; }
#column .ext .t { *width:{$layout_info->widget+30}px; }
</style>
<div id="wrap" class="Wrapper {$layout_info->colorset}">
<a href="#content" class="skipTo">Skip to content</a>
<div id="header">
<!--#include("./_header.html")-->
</div>
{@
$layout_info->align = ( $selected || $layout_info->widget_1 || $layout_info->widget_2 || $layout_info->widget_3 || $layout_info->widget_4 || $layout_info->widget_5)? $layout_info->align : "c";
}
<div id="container" class="{$layout_info->align}">
<!--#include("./_container.html")-->
</div>
<div id="footer" class="mpReset">
<!--#include("./_footer.html")-->
</div>
</div>
이게 레이아웃 편집 소스입니다
저 위에것은 잘 모르겠고... 2가지 방법이 있습니다.
1.큰 레이어를 하나 만들어 광고 - 컨텐츠 - 광고 형식으로 제작. (광고는 fixed로 화면에 고정됨)
2. 컨텐츠 - 광고 형식 (float)를 사용.
1을 할려면 큰 레이어에 position: relative; width: 광고 2개 + 컨텐츠 넓이; margin: 0 auto;
로 주시고 내부 컨텐츠 레이어는 그대로, 광고 div만 추가해서 position: absolute; top: 적당히; left: 0;
2로 할려면 컨텐츠 레이어에다 float: left 주고, 바로 아레에 광고 div만들어서 float: right 주세요.
이런식으로 하시면 될겁니다.