묻고답하기
레이아웃 질문드립니다 [밀라테님 love 레이아웃]
2011.08.11 00:10
제가 오늘 다운받은 밀라테님의 LOVE 레이아웃입니다. 평소 쓰던 레이아웃이 날라가는바람에 밀라테님 디자인이 괜찮길래
다운받아 사용했더니 오른쪽 포인트랭킹 채팅창까지는 잘 띄었습니다. 그런데 저 서브메인(?) 저것처럼 하고싶은데
마음처럼 되지가 않았습니다. 또, 최근댓글 최근게시물 등을 넣고싶은데 제 XE 파일에는 tab_newest_document/skins 가 존재하지 않습니다. ;; 혹시나해서 content 에 넣어보았는데도 에러가 뜨지 별다른 효과를 보지 못했습니다 ; 정말 5시간동안 여기 수정해보고 저기 수정해보았는데도 도저히 해결법을 찾지못해 이렇게 질문을 드립니다.
이번에 처음 시작한 왕초보라 레이아웃 다루는법도 잘 모릅니다 .;; tab_newest_document/skins << Xe 폴더에 이 폴더가없고 ;
위젯에도 tab_newest_document/skins < 이거에 관련된 위젯이 나오지않습니다 .. ;; 지금 제가 검은색박스로 빗금친곳들은 콘텐트 + 위젯 인가요? 저도 저런식으로 만들고 싶습니다 ㅜㅜ
▼ 이것이 레이아웃 HTML 입니다.
<!--// js 파일 import -->
● -----------
어느 부분을 수정해야 저런식으로 만들수 있을까요 ;
저는 위젯 부분과 콘텐트 부분을 건드렸습니다만 ..
고수님들 도와주세요 ㅜㅜ
다운받아 사용했더니 오른쪽 포인트랭킹 채팅창까지는 잘 띄었습니다. 그런데 저 서브메인(?) 저것처럼 하고싶은데
마음처럼 되지가 않았습니다. 또, 최근댓글 최근게시물 등을 넣고싶은데 제 XE 파일에는 tab_newest_document/skins 가 존재하지 않습니다. ;; 혹시나해서 content 에 넣어보았는데도 에러가 뜨지 별다른 효과를 보지 못했습니다 ; 정말 5시간동안 여기 수정해보고 저기 수정해보았는데도 도저히 해결법을 찾지못해 이렇게 질문을 드립니다.
이번에 처음 시작한 왕초보라 레이아웃 다루는법도 잘 모릅니다 .;; tab_newest_document/skins << Xe 폴더에 이 폴더가없고 ;
위젯에도 tab_newest_document/skins < 이거에 관련된 위젯이 나오지않습니다 .. ;; 지금 제가 검은색박스로 빗금친곳들은 콘텐트 + 위젯 인가요? 저도 저런식으로 만들고 싶습니다 ㅜㅜ
▼ 이것이 레이아웃 HTML 입니다.
<!--// js 파일 import -->
<!--%import("js/menu.js")-->
<!--%import("js/xe_official.js")-->
<!--%import("css/default.css")-->
<!--@if(!$layout_info->colorset)-->
{@$layout_info->colorset = "default"}
<!--@end-->
<div id="bodyWrap">
<div id="header">
<div id="logo"><!--@if($layout_info->logo_image)--><a href="{$layout_info->index_url}"><img src="{$layout_info->logo_image}" alt="logo" border="0" class="iePngFix" /></a><!--@else--> <!--@end--></div>
<!-- 1차 메뉴 시작 -->
<!-- GNB -->
<ul id="gnb">
{@$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-->
</ul>
<!-- 1차 메뉴 끝 -->
<!-- //GNB -->
<script type="text/javascript"> var gnb_count = {$gnb_count}; </script>
<!-- 1차메뉴 마우스오버 시 2차메뉴 시작 -->
{@$gnb_count = 0;}
<!--@foreach($main_menu->list as $mkey => $mval)-->
<!--@if($mval['text'])-->
<!--@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;"<!--@end-->>{$val['text']}</a>
</li> <!--@end--><!--@end-->
</ol>
<script type="text/javascript"> var gnb_count_now = {$gnb_count}; reset_menu(); </script>
<!--@else-->
<ol id="gnb{$gnb_count}" class="gnb_sub" style="display:none;">
<!--@if(!$mval['list'])--><li></li><!--@end-->
<!--@foreach($mval['list'] as $key => $val)--><!--@if($val['+
'text'])-->
<li><a href="{$val['href']}" onfocus="this.blur();"
<!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"
<!--@end-->>{$val['text']}</a> </li> <!--@end--><!--@end-->
</ol>
<!--@end-->
{@$gnb_count++;}
<!--@end-->
<!--@end-->
<!-- 1차메뉴 마우스오버 시 2차메뉴 끝 -->
<div id="favor">
<a href="javascript:bookmark()">즐겨찾기추가</a>
</div>
<div id="log">
<!--@if($logged_info)-->
<a href="{getUrl('act','dispMemberInfo')}">마이페이지</a>
<a href="{getUrl('act','dispMemberLogout')}">로그아웃</a>
<!--@else-->
<!--@end-->
<!--@if($is_logged)-->
<!--@else-->
<a href="#loginWindow" onclick="jQuery('#loginWindow').css('display','block');" accesskey="L">로그인</a>
<a href="{getUrl('act','dispMemberSignUpForm')}">회원가입</a>
<!--@end-->
</div>
<!--@if($logged_info)-->
<div id="tp">
<span style="color:#777; font-weight:bold;">{$logged_info->nick_name}</span>님 어서오세요. <span style="color:#ff637d;">{@ $oPointModel = &getModel('point'); $point = $oPointModel->getPoint($logged_info->member_srl); }{$point}</span>포인트
<!--@if($logged_info->is_admin=="Y" && !$site_module_info->site_srl)-->
<a href="{getUrl('','module','admin')}" onclick="window.open(this.href);return false;">{$lang->cmd_management}</a>
<!--@end-->
</div>
<!--@end-->
<div id="lm">
<a href="/?mid=game"><img src="./images/lm1.gif" /></a>
<a href="/?mid=iconshop"><img src="./images/lm2.gif" /></a>
</div>
<div id="rm">
<a href="/?mid=attendance"><img src="./images/rm1.gif" /></a>
<a href="/?module=lottery" onclick="popopen(this.href); return false"><img src="./images/rm2.gif" /></a>
</div>
<form action="{getUrl()}" method="post" id="isSearch">
<!--@if($vid)-->
<input type="hidden" name="vid" value="{$vid}" />
<!--@end-->
<input type="hidden" name="mid" value="{$mid}" />
<input type="hidden" name="act" value="IS" />
<input type="hidden" name="search_target" value="title_content" />
<input name="is_keyword" type="text" class="inputText" title="keyword" />
<input type="image" src="./images/buttonSearch.gif" alt="{$lang->cmd_search}" class="submit" />
</form>
</div>
<div id="contentBody">
<div id="columnLeft">
<!-- 로그인 위젯 -->
<img src="./images/blank.gif" class="zbxe_widget_output" widget="login_info" skin="MLT_LOG_Love" colorset="{$layout_info->colorset}" />
<div id="qm">
<li class="qm1"><a href="/?mid=sm10_1">메뉴메뉴</a></li>
<li class="qm2"><a href="/?mid=sm10_5">퀵메뉴</a></li>
<li class="qm3"><a href="/?mid=sm10_4">메뉴</a></li>
<li class="qm4"><a href="/?mid=iconshop">메뉴메뉴</a></li>
<li class="qm5"><a href="/?mid=sm6_1">퀵메뉴</a></li>
<li class="qm6"><a href="/?mid=game">메뉴</a></li>
</div>
<div style="position:relative; border:1px solid #dddddd; border-bottom:0;">
위젯공간
</div>
<div style="position:relative; border:1px solid #dddddd; border-bottom:0;">
위젯공간
</div>
<div style="position:relative; border:1px solid #dddddd;">
위젯공간
</div>
</div>
<div id="columnRight">
<!-- 컨텐츠 시작 -->
{$content}
</div>
</div>
<ul id="footer">
<!--@foreach($bottom_menu->list as $key => $val)-->
<li><a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['link']}</a></li>
<!--@endforeach-->
</ul>
<div id="copy">
COPYRIGHT(C) 2011 <span>MILATTE.</span> ALL RIGHTS RESERVED.
</div>
</div>
<!--@if(!$is_logged)-->
{@ $member_config = MemberModel::getMemberConfig(); }
<!--%import("./filter/login.xml")-->
<!--@if($member_config->enable_openid=='Y')--><!--%import("./filter/openid_login.xml")--><!--@end-->
<!-- loginWindow -->
<div id="loginWindow" class="loginWindow">
<!-- class="loginWindow" | class="loginWindow open" -->
<span class="modalWindow"></span>
<div id="loginLayer" class="loginLayer loginTypeA">
<!-- class="loginLayer loginTypeA" | class="loginLayer loginTypeB" -->
<button type="button" class="close" onclick="document.getElementById('loginWindow').style.display='none'" accesskey="X"><span>Close Login Layer</span></button>
<form action="" method="post" class="typeA" id="commonLogin" onsubmit="return procFilter(this, login)">
<fieldset>
<legend>XE Login</legend>
<dl>
<dt><label for="uid">{$lang->user_id}</label></dt>
<dd><input name="user_id" type="text" class="inputText" id="uid" /></dd>
<dt><label for="upw">{$lang->password}</label></dt>
<dd><input name="password" type="password" class="inputText" id="upw" /></dd>
</dl>
<p class="keep"><input name="keep_signed" type="checkbox" id="keepA" value="Y" class="inputCheck" onclick="if(this.checked) return confirm('{$lang->about_keep_signed}');"/><label for="keepA">{$lang->keep_signed}</label></p>
<span class="loginButton"><input name="" type="submit" value="{$lang->cmd_login}" /></span>
</fieldset>
</form>
<!--@if($member_config->enable_openid=='Y')-->
<form action="./" method="post" class="typeB" id="openidLogin" onsubmit="return procFilter(this, openid_login)">
<fieldset>
<legend>OpenID Login</legend>
<dl>
<dt><label for="oid">Open ID</label></dt>
<dd><input name="openid" type="text" class="inputText" id="oid" /></dd>
</dl>
<span class="loginButton"><input name="" type="submit" value="{$lang->cmd_login}" /></span>
</fieldset>
</form>
<!--@end-->
<ul class="help">
<li class="join"><a href="{getUrl('act','dispMemberSignUpForm')}">{$lang->cmd_signup}</a></li>
<li class="find"><a href="{getUrl('act','dispMemberFindAccount')}">{$lang->cmd_find_member_account}</a></li>
<li class="find"><a href="{getUrl('act','dispMemberResendAuthMail')}">{$lang->cmd_resend_auth_mail}</a></li>
<!--@if($member_config->enable_openid=='Y')-->
<li class="typeA"><a href="#openidLogin" onclick="document.getElementById('loginLayer').className='loginLayer loginTypeB'">OpenID</a></li>
<li class="typeB"><a href="#commonLogin" onclick="document.getElementById('loginLayer').className='loginLayer loginTypeA'">OpenID</a></li>
<!--@end-->
</ul>
<button type="button" class="close" onclick="document.getElementById('loginWindow').style.display='none'" accesskey="X"><span>Close Login Layer</span></button>
</div>
</div>
<!-- /loginWindow -->
<!--@end-->● -----------
어느 부분을 수정해야 저런식으로 만들수 있을까요 ;
저는 위젯 부분과 콘텐트 부분을 건드렸습니다만 ..
고수님들 도와주세요 ㅜㅜ
레이아웃.html을 잘 읽어보면
columnLeft 와 columnRight 라는 부분이 있습니다.
columnRight 부분은 검은색 라인의 오른쪽 부분이고 직접 페이지 수정키를 누르고 페이지에서 변경하는 부분이고요
columnLeft 의 위젯 공간에 원하시는 위젯코드를 입력하시면 위와같은 그림이 나올거 같습니다.
입력하고 싶은 내용이 3개 이상이라면
이걸 더 만들면 되겠죠.