![[레벨:1]](http://www.dicasajin.kr/modules/point/icons/default/1.gif "포인트:295point (75%), 레벨:1/30"){kind=icon}
초당아무래도 성급한 도전이 아니었나 싶은생각으로 시간이 갑니다.
하하호호님의 글에 여러가지로 생각을 해보지만 아직은 확실한 답을 못찾은 상황입니다.
페이지에서 수정을 한 레이아웃으로는 뭔가 부족하고 그리고 걱정되고 ..
레이아웃 편집모드에서는 해당 위젯의 코드를 발생해 삽입하는 작업으로
원하는 위치와 크기등은 가능해 졌는데 문제는 헤더부분에 있는 GNB 의 네이게이션을
클릭해서 게시판으로 가거나 이동할때 위에서 작성한 레이아웃의 페이지가 그냥 상단으로
밀려 올라가 있다는 것입니다.
이거 무슨 상황인지는 모르겠지만 여기서 브레이크 걸립니다.
아무래도 말씀하신 그림정도로 설명을 드리면 해보시겠다고 하셨는데 이 또한 복열님의 시간을
뺏는것 같기도 하고 송구스럽기도 하고 ... 해서 생각한 저의 의견은 이렇습니다.
지금 사용하시는 레이아웃 편집모드에서 보이는 HTML 형식의 내용중에서
<div id="contentBody" style="width:{$layout_info->content_width-15}px;">
<div id="columnCenter" style="width:{$layout_info->content_width-30}px;">
<!-- 컨텐츠 시작 -->
{$content}
이 부분의 코드 내용을 복열님의 레이아웃 부분을 조금 카피해 주시면 어떨까요 ?
저의 생각으로는 아마 그럼 조금 이해가 쉬울것 같습니다.
![[레벨:9]](http://www.dicasajin.kr/modules/point/icons/default/9.gif "포인트:8277point (57%), 레벨:9/30"){kind=icon}
일단 페이지는 이름만 정하고 빈 페이지로 만들면 됩니다.
그리고 레이아웃에서 모든 작업을 하게 됩니다.(일반적인 레이아웃 적용)
저는 아래와 같이 사용합니다.(메인 레이아웃과 서브메뉴 레이아웃를 다른 방법으로 사용합니다.
<!--@if($act)-->
<div id="columnCenterLarge" style="background-color:#494949;">
{$content)}
</div>
<!--@else-->
<div id="columnCenterLarge">
<img class="zbxe_widget_output" widget="dicasajin_tab_newest_document" skin="{$_skin_03}" colorset="{$_colorset_03}" background_mode="{$_background_mode_03}" background_type="{$_background_type_03}" background_random_select_no="{$_background_random_select_no_03}" order_target="list_order" order_type="desc" list_count="5" duration_new="24" disp_type="full" subject_cut_size_1="17" subject_cut_size_2="38" thumbnail_use="Y" thumbnail_type="ratio" thumbnail_width="100" thumbnail_height="100" box_height="139" display_author="Y" display_regdate="Y" display_readed_count="Y" display_voted_count="Y" module_srls="702,703,704" />
<img class="zbxe_widget_output" widget="dicasajin_newest_document" skin="{$_skin_04}" colorset="{$_colorset_04}" background_mode="{$_background_mode_04}" background_type="{$_background_type_04}" background_random_select_no="{$_background_random_select_no_04}" title="자유 게시판" order_target="list_order" order_type="desc" list_count="12" duration_new="24" disp_type="full" subject_cut_size="50" box_height="198" mid_list="CommFree" />
<img class="zbxe_widget_output" widget="dicasajin_newest_document" skin="{$_skin_05}" colorset="{$_colorset_05}" background_mode="{$_background_mode_05}" background_type="{$_background_type_05}" background_random_select_no="{$_background_random_select_no_05}" title="공지 사항" order_target="list_order" order_type="desc" list_count="12" duration_new="24" disp_type="full" subject_cut_size="50" box_height="200" mid_list="CommNotice" />
<img class="zbxe_widget_output" widget="dicasajin_newest_document" skin="{$_skin_06}" colorset="{$_colorset_06}" background_mode="{$_background_mode_06}" background_type="{$_background_type_06}" background_random_select_no="{$_background_random_select_no_06}" title="가입 인사 ^o^" order_target="list_order" order_type="desc" list_count="12" duration_new="24" disp_type="full" subject_cut_size="50" box_height="200" mid_list="CommHello" />
</div>
<div id="columnCenter_left">
</div>
<div id="columnCenter_right">
</div>
<!--@end-->
</div>
참 이것 설명하기 복잡하군요.위가 제가 사용하는 부분입니다.
그러나 이또한 CSS 와 연동이 됩니다.
제가 님 사이트 가서 확인한 바로는 현재 왼쪽하고 오른쪽으로 구변해서 사용할 계획인것 같은데
그럴경우 위에서와 같이 columnCenter_left,columnCenter_right를 만든후 그 폭을 CSS에서 조절하도록 해야 합니다.
그리고 맨 위는 그대로 전체 폭을 사용하면 되지요.
위를 연구하기 보다는 제가 구정전에 양간의 시간이 있으니 레이아웃 디자인하고 현재 사용하는 레이아웃 첨부해서 보내주시면 한번 해보겠습니다.
아마도 처음이라 삽질이 심하신것 같은데 저는 도구가 갖추어져 있어 몃시간이면 됩니다.
현재 제 사이트(http://dicasajin.kr)도 있지만 테스트는 집에 있는 서버(백업용 http://dicasajin.goanygate.com:8080/)에서 하기 때문에 시간 절약도 됩니다.
어려워 마시고 첨부 해 주세요.단 시간은 장담하지 못합니다.
그럼 추워지는 날씨에 건강하시기 바랍니다.
초당감사 합니다 .
여러가지로 생각을 하게 합니다. 결정적인건 서브메뉴와 메인메뉴의 사용을 제가 못하는것 같다는 생각이 듭니다.
일단 다시 질문에 올리도록 하겠습니다.