묻고답하기
1.1.5로 업데이트 후 메인레이아웃의 문제 발생
2009.04.11 09:45
제로보드 처음 접하면서 작년에 홈페이지를 하나 만들었습니다.
홈페이지 레이아웃은 똑띠님 잡다한5차 레이아웃을 사용했습니다.
1.0.6에서 첨부파일 못 올리는 문제로 이번에 1.1.5로 업데이트 했습니다.
업데이트 후 서브레이아웃은 아무 문제 없이 들어갑니다.
메인 레이아웃은 지금 현제 세로 3단의 형태가 깨어져서 1단이 되어 버렸습니다.
이것은 어느쪽에서 손을 대야 하는지요?
그리고 첨부된 홈페이지는 똑띠님 홈페이지에서 가져왔습니다.
이미지, 탭, 새글추출하는 위젯코드가 1.1.5버전에서는 바뀐것 같습니다.
똑띠님 홈페이지에 있는 것처럼 widgets에서 테두리처럼 사용되는 이미지는 1.1.5에서 어떻게 녛어서 사용할 수 있는지요?
1.0.6에서는 아래의 소스로 다 되었습니다.
주소는 http://www.kjdoore.org 입니다.
질문하는 요지는
1. 아래의 레이아웃 소스에서 세로 3단 만드는 방법? (아니면 다른 곳을 손대야 하는지)
2. 이미지, 탭, 새글 추출하는 위젯코드에서 이미지 사용하는 방법?
<!-- js 파일 import -->
<!--%import("js/xe_official.js")-->
<!-- 레이아웃과 연동될 css 파일 import -->
<!--@if($layout_info->colorset == "default")-->
<!--%import("css/default.css")-->
<!--@else-->
<!--%import("css/default.css")-->
<!--@end-->
<!--@if($layout_info->background_image)-->
<style type="text/css">
body {
background: <!--@if(!$layout_info->background_color)-->#ffffff<!--@else-->{$layout_info->background_color}<!--@end-->
url({getUrl()}{$layout_info->background_image}) {$layout_info->background_image_repeat} left top; }
</style>
<!--@end-->
<!--@if(!$layout_info->colorset)-->
{@$layout_info->colorset = "default"}
<!--@end-->
<div id="bodyWrap" style="margin:{$layout_info->layout_align}">
<div id="header">
<div class="logo"><a href="{$layout_info->index_url}" onfocus="this.blur();"><!--@if(!$layout_info->logo_image)--><!--@else--><img src="{$layout_info->logo_image}" alt="logo" border="0" class="iePngFix" /><!--@end--></a></div>
<div id="language">
<strong title="{$lang_type}">{$lang_supported[$lang_type]}</strong> <a href="#selectLang" onclick="showHide('selectLang');return false;"><img src="./images/{$layout_info->colorset}/buttonLang.gif" alt="Select Language" width="87" height="15" /></a>
<ul id="selectLang">
<!--@foreach($lang_supported as $key => $val)--><!--@if($key!= $lang_type)-->
<li><a href="#" onclick="doChangeLangType('{$key}');return false;">{$val}</a></li>
<!--@end--><!--@end-->
</ul>
</div>
<!--GNB-->
<ul id="gnb">
<!-- main_menu 1차 시작 -->
{@$menu_cnt=0}
<!--@foreach($main_menu->list as $key => $val)-->
<!--@if($val['menu_btn'] || $val['active_btn'] || $val['+
'+
'hover_btn'])-->
<!--이미지 메뉴일때-->
<!--@if($val['link'])-->
<!--@if($val['selected'])-->
{@ $menu_1st = $val }
<!--@end-->
<!--@if($menu_cnt < $layout_info->top_menu_count)-->
<li <!--@if($val['selected'])-->class="on"<!--@end-->>
<span class="img_btn">
<a href="{$val['href']}"
<!--@if($val['open_window']=='Y')-->
onclick="window.open(this.href);return false;"
<!--@end-->
onfocus="this.blur();"
>
<!--@if($val['selected'])--><img src='{$val['active_btn']}' border='0'><!--@else-->{$val['link']}<!--@end-->
</a>
</span>
</li><li id='gnb_middle'+
' style='padding:0px {$layout_info->menu_padding} 0px {$layout_info->menu_padding};'><img src='./images/{$layout_info->colorset}/bgGnbMiddle.gif'></li>
<!--@end-->
<!--@end-->
<!--@else-->
<!--텍스트 메뉴일때-->
<!--@if($val['link'])-->
<!--@if($val['+
'selected'])-->
{@ $menu_1st = $val }
<!--@end-->
<!--@if($menu_cnt < $layout_info->top_menu_count)-->
<!--@if($val['selected'])--><li><img src='./images/{$layout_info->colorset}/bgGnbOn_left.gif' alt='left' /></li><!--@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--> onfocus="this.blur();">{$val['link']}</a></li>
<!--@if($val['selected'])--><li><img src='./images/{$layout_info->colorset}/bgGnbOn_right.gif' alt='right' /></li><!--@end-->
<li id='gnb_middle' style='padding:0px {$layout_info->menu_padding} 0px {$layout_info->menu_padding};'><img src='./images/{$layout_info->colorset}/bgGnbMiddle.gif'></li>
<!--@end-->
<!--@end-->
<!--@end-->
{@$menu_cnt++}
<!--@end-->
<!-- main_menu 1차 끝 -->
</ul>
<!--//GNB-->
<!--top_date-->
<div id="top_date">
{@$n_date = date('Y년 m월 d일')}
오늘은 {$n_date} 입니다.
</div>
<div id="top_index">
<!--@if($logged_info->is_admin=="Y")--><a href={$layout_info->index_url}/zbxe/admin><img src="images/{$layout_info->colorset}/btn_admin.gif" border="0" align="absmiddle"></a><!--@end-->
<!--@if($logged_info)-->
<!--@if(!$logged_info->is_admin=="Y")-->
<a href="{$layout_info->index_url}/zbxe/?&act=dispMemberMessages&member_srl=4"><img src="images/{$layout_info->colorset}/btn_mbox.gif" border="0" align="absmiddle"></a>
<!--@end-->
<a href="{$layout_info->index_url}/zbxe/?act=dispMemberLogout&member_srl="><img src="images/{$layout_info->colorset}/btn_logout.gif" border="0" align="absmiddle"></a>
<!--@else-->
<a href="{$layout_info->index_url}/zbxe/?act=dispMemberLoginForm"><img src="images/{$layout_info->colorset}/btn_login.gif" border="0" align="absmiddle"></a>
<!--@end-->
<!--@if(!$logged_info)-->
<a href="{$layout_info->index_url}/zbxe/?act=dispMemberSignUpForm&member_srl=" onfocus="this.blur();"><img src="images/{$layout_info->colorset}/btn_join.gif" border="0" align="absmiddle"></a>
<!--@end-->
<a href="{$layout_info->index_url}/zbxe/sitemap" onfocus="this.blur()"><img src="images/{$layout_info->colorset}/btn_sitemap.gif" border="0" align="absmiddle"></a>
</div>
<!--top_banner-->
<div id="gnb_sub">
다음 세대 목양제자를 키우는 교회입니다.
</div>
<div id="Search_icon">
<img src='./images/{$layout_info->colorset}/searchtitle.gif'>
</div>
<form action="{getUrl()}" method="post" id="isSearch">
<input type="hidden" name="mid" value="{$mid}" />
<input type="hidden" name="act" value="IS" />
<input name="search_target" type="radio" value="title" id="search_target" class="searchOrder" checked="checked" title="search option" />
<label for="search_target" class="checked" id="search_target_label" onclick="showHide('selectOrder'); return false">{$lang->title}</label>
<ul id="selectOrder">
<li>
<input type="radio" name="search_target" value="title" id="search_target1" />
<label for="search_target1" onclick="chkIsKind(1, '{$lang->title}'); return false;" onmouseover="this.className='on'" onmouseout="this.style.background='none'">{$lang->title}</label>
</li>
<li>
<input type="radio" name="search_target" value="content" id="search_target2" />
<label for="search_target2" onclick="chkIsKind(2, '{$lang->content}'); return false;" onmouseover="this.className='on'" onmouseout="this.style.background='none'">{$lang->content}</label>
</li>
<li>
<input type="radio" name="search_target" value="title_content" id="search_target3" />
<label for="search_target3" onclick="chkIsKind(3, '{$lang->title}+{$lang->content}'); return false;" onmouseover="this.className='on'" onmouseout="this.style.background='none'">{$lang->title}+{$lang->content}</label>
</li>
<li>
<input type="radio" name="search_target" value="comment" id="search_target4" />
<label for="search_target4" onclick="chkIsKind(4, '{$lang->comment}'); return false;" onmouseover="this.className='on'" onmouseout="this.style.background='none'">{$lang->comment}</label>
</li>
<li>
<input type="radio" name="search_target" value="tag" id="search_target5" />
<label for="search_target5" onclick="chkIsKind(5, '{$lang->tag}'); return false;" onmouseover="this.className='on'" onmouseout="this.style.background='none'">{$lang->tag}</label>
</li>
</ul>
<input name="is_keyword" type="text" class="inputText" title="keyword" />
<input type="image" src="./images/{$layout_info->colorset}/buttonSearch.gif" alt="{$lang->cmd_search}" class="submit" />
</form>
</div>
<!--@if($act)-->
<div id="contentBody">
{$content}
</div>
<!--@else-->
<div id="contentBody">
<div id="columnLeft">
<!-- 현재 위치 -->
<!-- 로그인 위젯 -->
<img width="100%" height="100" src="/common/tpl/images/widget_bg.jpg" class="zbxe_widget_output" style="clear:both;" widget="login_info" body="" skin="jdh_default" colorset="default" widget_cache="0"/>
<br>
<!--포토갤러리-->
<img class="zbxe_widget_output" src="/common/tpl/images/widget_bg.jpg" widget="newest_images" skin="jdh_default" title_length="12" thumbnail_type="crop" thumbnail_width="80" thumbnail_height="80" cols_list_count="2" rows_list_count="2" display_author="N" display_regdate="N" display_readed_count="N" display_voted_count="N" design_top="http://www.kjdoore.org/zbxe/images/new-photo-title.gif"
design_middle="http://www.kjdoore.org/zbxe/images/sbox_middle.gif"
design_bottom="http://www.kjdoore.org/zbxe/images/sbox_bottom.gif"
design_img="http://www.kjdoore.org/zbxe/images/sbox_middle.gif" title="최근이미지" module_srls="137" /><br>
<img width="100%" height="100" src="/common/tpl/images/widget_bg.jpg" class="zbxe_widget_output" style="clear:both;" widget="newest_images" body="" skin="jdh_default" colorset="normal" widget_cache="0" title="최근이미지"
mid_list="newgelly"
title_length="12"
thumbnail_type="crop"
thumbnail_width="80"
thumbnail_height="80" cols_list_count="2" rows_list_count="2" display_author="N" display_regdate="N" display_readed_count="N" display_voted_count="N"
widget_sequence="598416" />
<br>
<!--로그인회원-->
<!--현재로그인회원-->
<img class="zbxe_widget_output" widget="logged_members" skin="default" colorset="normal" use_mid="total"
design_top="http://www.kjdoore.org/zbxe/images/nowlogin_title.gif"
design_middle="http://www.kjdoore.org/zbxe/images/sbox_middle.gif"
design_bottom="http://www.kjdoore.org/zbxe/images/sbox_bottom.gif"
/>
<!--일정표-->
<!--접속자 수 확인-->
<br>
<img class="zbxe_widget_output" widget="counter_status" skin="default" colorset="normal" /><br>
<!--현재 시간-->
<img class="zbxe_widget_output" widget="DroArc_clock" skin="default" colorset="normal" clock_width="200" />
<br>
</div>
<div id="columnCenter">
<!--중앙 배너-->
<SCRIPT LANGUAGE='JavaScript'>
<!--
document.write('<img src=\"'+ top_image + '\" WIDTH=500 HEIGHT=200>');
//-->
</SCRIPT><br><br>
<!--탭메뉴2-->
<img class="zbxe_widget_output" widget="tab_newest_document" skin="xe_official" order_target="list_order" order_type="desc" duration_new="24" subject_cut_size="25" thumbnail_type="crop" display_author="Y" display_regdate="Y" display_readed_count="Y" display_voted_count="N" module_srls="2729,148,113,110,151" /> <br>
<!--탭메뉴3-->
<img class="zbxe_widget_output" widget="tab_newest_document" skin="xe_official" colorset="normal" order_target="list_order" order_type="desc" duration_new="24" subject_cut_size="25" thumbnail_type="crop" display_author="Y" display_regdate="Y" display_readed_count="Y" display_voted_count="Y"
mid_list="mokpds,youngsangpds,changyangpds,botongpds"
design_top="http://www.kjdoore.org/zbxe/images/pds_title.gif" />
<br>
<!--최근댓글-->
<!--최근댓글-->
<img width="100%" height="100" src="/common/tpl/images/widget_bg.jpg" class="zbxe_widget_output" style="clear:both;" widget="newest_comment" body="" skin="blog_newest_comment" colorset="normal" widget_cache="0" title="최근댓글" list_count="8" duration_new="24" subject_cut_size="40" mid_list="chichang,mok_tch,gn_pds,banner1,guestbook,botongboard,botonggelly,botongpds,youngsangpds,changyangpds,mokpds,jungbo,mokhae,jubo,changyang,mokjang,chung,midhigh,adong,hanggalley"
design_top="http://www.kjdoore.org/zbxe/images/reply_title.gif"
design_middle="http://www.kjdoore.org/zbxe/images/reply_middle.gif"
design_bottom="http://www.kjdoore.org/zbxe/images/reply_bottom.gif"
design_img="http://www.kjdoore.org/zbxe/images/reply_middle.gif"
/>
<br>
<!--내가 한 갤러리-->
<img class="zbxe_widget_output" widget="newest_images" skin="cloud" colorset="normal" title="행사 사진" mid_list="hanggalley" thumbnail_type="crop" thumbnail_width="94" thumbnail_height="67" cols_list_count="16" rows_list_count="1" display_author="N" display_regdate="N" display_readed_count="N" display_voted_count="N" /><br>
</div>
<div id="columnRight" >
<!--배너 등록-->
<SCRIPT LANGUAGE='JavaScript'>
<!--
document.write('<IMG SRC=\"'+ rbanner + '\" WIDTH=230 HEIGHT=200>');
//-->
</SCRIPT><br><br>
<!--공지사항-->
<img width="100%" height="100" src="/common/tpl/images/widget_bg.jpg" class="zbxe_widget_output" style="clear:both;" widget="newest_document" body="" skin="jdh_default" colorset="white" widget_cache="0" title="공지사항" order_target="regdate" order_type="asc" list_count="5" duration_new="" subject_cut_size="24"
mid_list="notice1"
design_top="http://www.kjdoore.org/zbxe/images/notice_title1.gif"
design_middle="http://www.kjdoore.org/zbxe/images/sbox2_middle2.gif"
design_bottom="http://www.kjdoore.org/zbxe/images/sbox2_bottom2.gif"
design_img="" widget_sequence="598403" />
<br>
<!--공지사항3-->
<!--최근게시물-->
<img class="zbxe_widget_output" widget="newest_document" skin="jdh_default" order_target="list_order" order_type="desc" list_count="22" duration_new="24" subject_cut_size="20" title="최신 게시글" display_regdate="Y" module_srls="2729,1796,483,359,151,148,140,134,131,128,125,110,116,113,107,104,101,98,95,88" /><br>
<!--아래 오른쪽 바로 가기 링크-->
<div>
<table cellpadding="0" cellspacing="0" border="0" LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<tr>
<td>
<a href="http://www.kjdoore.org/zbxe/adong" onfocus="this.blur();"><img src=./images/banner3/right_under_baner_11.gif border="0"></a><br>
<a href="http://www.kjdoore.org/zbxe/midhigh" onfocus="this.blur();"><img src=./images/banner3/right_under_baner_14.gif border="0"></a><br>
<a href="http://www.kjdoore.org/zbxe/mok_tch" onfocus="this.blur();">
<img src=./images/banner3/right_under_baner_37.gif border="0"></a></td>
<td>
<img src=./images/banner3/right_under_baner_12.gif border="0"></a><br>
<a href="http://www.kjdoore.org/zbxe/mokjang" onfocus="this.blur();"><img src=./images/banner3/right_under_baner_15.gif border="0"></a><br>
<a href="http://www.kjdoore.org/zbxe/chung" onfocus="this.blur();"><img src=./images/banner3/right_under_baner_18.gif border="0"></a></td>
<td>
<img src=./images/banner3/right_under_baner_23.gif border="0"></a><br>
<img src=./images/banner3/right_under_baner_16.gif border="0"></a><br>
<a href="http://www.kjdoore.org/zbxe/changyang" onfocus="this.blur();"><img src=./images/banner3/right_under_baner_29.gif border="0"></a></td>
</tr>
</table>
</div>
</div>
<div>
{$content}
</div>
</div>
<!--@end-->
<div id="footer">
<li class="first-child">
<address>
<img src="http://www.kjdoore.org/zbxe/images/adress.gif" align='absmiddle' border="0">
</address>
</li>
{@$menu_cnt=0}
<!--@foreach($bottom_menu->list as $key => $val)-->
<!--@if($menu_cnt> 0 && $menu_cnt < 7)-->
<li><a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['text']}</a></li>
<!--@end-->
{@$menu_cnt++}
<!--@end-->
</div>
<!--카피라이터 부분-->
<div id="copyright">Copyright ⓒ <b><font color="#ff9900">경주두레교회</font></b>. All rights reserved.<br><br></div>
</div>