묻고답하기
로그인 위젯 설치 위치
2010.11.07 14:36
로그인 위젯의 코드를 아래와 같이 생성했는데
그것을 어디에 카피해서 넣어야 되는지 알려주시면 감사염.
<img class="zbxe_widget_output" widget="login_info" skin="xe_official" colorset="default" />
[[[HTML]]]
<!-- js 파일 import -->
<!--%import("js/menu.js")-->
<!-- 레이아웃과 연동될 css 파일 import -->
<!--%import("css/default.css")-->
<!--[if IE 6]>
<SCRIPT type="text/javascript" src="js/DD_belatedPNG_0.0.8a.js"></SCRIPT>
<SCRIPT type="text/javascript" src="js/pngbg.js"></SCRIPT>
<![endif]-->
<div id="bodyWrap">
<div id="header">
<ul class="account">
<li class="log">
<!--@if($is_logged)-->
<div class="button_Logout">
<a href="{getUrl('act','dispMemberLogout')}"></a></div>
<!--@else-->
<div class="button_Login">
<a href="#loginWindow" onclick="jQuery('#loginWindow').css('display','block');" accesskey="L"></a></div>
<!--@end-->
</li>
<!--@if(!$is_logged)-->
<li class="register">
<div class="button_Register">
<a href="{getUrl('act','dispMemberSignUpForm')}"><span>Register</span></a></div>
</li>
<!--@else-->
<li class="profile">
<div class="button_Profile">
<button type="button" onclick="jQuery('#memberProfile').toggleClass('active');"><span>Profile</span></button></div>
<!-- memberProfile -->
<div id="memberProfile" class="memberProfile">
<!-- class="memberProfile" | class="memberProfile active" -->
<button type="button" class="close" onclick="jQuery('#memberProfile').toggleClass('active');" accesskey="X"><span>Close profile layer</span></button>
<h2 class="authorName">{$logged_info->nick_name}</h2>
<ul>
<!--@foreach($logged_info->menu_list as $key => $val)-->
<li><a href="{getUrl('act',$key,'member_srl','')}">{Context::getLang($val)}</a></li>
<!--@end-->
</ul>
<button type="button" class="close" onclick="jQuery('#memberProfile').toggleClass('active');" accesskey="X"><span>Close profile layer</span></button>
</div>
<!-- /memberProfile -->
</li>
<!--@end-->
</ul><!-- .account -->
<div id="logo">
<!--@if($layout_info->logo_image)-->
<a href="{$layout_info->logo_url}"><img src="{$layout_info->logo_image}" class="iePngFix" /></a><!--@end-->
</div>
<div id="icon"><img src="./images/icon_search.png" class="iePngFix" /></a></div>
<div id="mainmenu">
<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>
</div><!-- #mainmenu -->
<!-- //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차메뉴 끝 -->
<form action="{getUrl()}" method="post" class="search">
<input type="hidden" name="vid" value="{$vid}" />
<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" title="Search" class="inputText" accesskey="S" />
<input name="" type="image" src="images/button_search.gif" alt="Search" class="inputSearch" />
</form><!--메뉴바 우측 검색폼 끝-->
</div><!-- #header -->
<div id="contentTop"></div>
<div id="contentBody">
<div id="columnRight">
<div class="subTitle"><!-- 우측 서브 상단 이미지 -->
<!--@if($layout_info->subTitle_image)-->
<img src="{$layout_info->subTitle_image}" class="iePngFix" /><!--@end-->
</div><!-- .subTitle -->
<div class="subBorder"></div>
<div class="lnb">
<!--@foreach($main_menu->list as $key => $val)--><!--@if($val['link'])-->
<!--@if($val['selected']&&$val['list'])-->
<ul>
<!--@foreach($val['list'] as $k => $v)--><!--@if($val['link'])-->
<li <!--@if($v['selected'])-->class="active"<!--@end-->><a href="{$v['href']}" <!--@if($v['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$v['text']}</a></li>
<!--@end--><!--@end-->
</ul>
<!--@end-->
<!--@end--><!--@end-->
</div><!-- .lnb -->
<div class="subBorder"></div>
이곳에 위젯을 넣어 멋지게 꾸며보세요! ^^
</div><!-- #columnRight -->
<div id="columnLeft">
{$content}
</div><!-- #columnLeft -->
</div>
<div id="contentBottom"></div>
<div 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['text']}</a></li>
<!--@endforeach-->
<div id="copy">
{$layout_info->copy_text}
</div>
</div><!-- #footer -->
</div><!-- #bodyWrap -->
<!--@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-->
<!--[if IE 6]>
</body>
<![endif]-->
댓글 1
-
ToFinder
2010.11.07 15:38
-
원하는곳에 넣어 보시면 됩니다. 우선은 모달 윈도우 내용이 있는 것으로 보아 로그인 버튼은 있는거 같은데 님께서 로그인폼을 넣고 싶은곳을 알지 못하니 정확히 답을 드리기가 어렵습니다.
<div id="contentBody"> <div id="columnRight"> <img class="zbxe_widget_output" widget="login_info" skin="xe_official" colorset="default" /> <div class="subTitle"><!-- 우측 서브 상단 이미지 --> <!--@if($layout_info->subTitle_image)--> <img src="{$layout_info->subTitle_image}" class="iePngFix" /><!--@end--> </div><!-- .subTitle --> <div class="subBorder"></div> <div class="lnb"> <!--@foreach($main_menu->list as $key => $val)--><!--@if($val['link'])--> <!--@if($val['selected']&&$val['+ 'list'])--> <ul> <!--@foreach($val['list'] as $k => $v)--><!--@if($val['link'])--> <li <!--@if($v['selected'])-->class="active"<!--@end-->><a href="{$v['href']}" <!--@if($v['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$v['text']}</a></li> <!--@end--><!--@end--> </ul> <!--@end--> <!--@end--><!--@end--> </div><!-- .lnb --> <div class="subBorder"></div> 이곳에 위젯을 넣어 멋지게 꾸며보세요! ^^ </div><!-- #columnRight --> <div id="columnLeft"> {$content} </div><!-- #columnLeft --> </div> <div id="contentBottom"></div>위의 내용부분이 있을 것입니다. 현제로 보아하니. 우측에 메뉴가 나오는 형태인듯 한데.
5번 라인에서 보시는거와 같이 넣으시면 될듯하네요.
테스트를 해보진 않아서 잘 모르지만. 맞을 껍니다. ^^*