묻고답하기
레이아웃에서 로그인 위젯이 깨집니다.
2010.04.21 17:06
대류님이 만드신 로그인 위젯은 표시가 돼는데..
기본스킨은 깨져서 나오고
xgenesis스킨은 아예 언익스펙트 에러라고 나옵니다..
따로 CSS파일에 추가해줘야 됄부분이 있는건가요??
기본 스킨을 쓰니까 ..이렇게 나옵니다.
-----------------------------------------------------------------------
<!--%import("./css/fatalzero.css")-->
<!--%import("./css/item.css")-->
<!--%import("./css/layout.css")-->
<div id="main">
<div id="top_menu">
<!--사이트이미지박스-->
<div id="siteimage">
</div>
<!--최상단 로그인 메뉴 시작-->
<div id="login">
<ul class="account">
<li><img src='./img/add.gif'></li>
<li> <font color=#E1E1E1>|</font> </li>
<li><img src='./img/sitemap.gif'></li>
<li> <font color=#E1E1E1>|</font> </li>
<!--@if(!$is_logged)-->
<li class="register"><a href="{getUrl('act','dispMemberSignUpForm')}"><span>Register</span></a></li>
<!--@else-->
<li class="profile">
<button type="button" onclick="jQuery('#memberProfile').toggleClass('active');"><span>Profile</span></button>
<!-- 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-->
</li>
<li> <font color=#E1E1E1>|</font> </li>
<li class="log">
<!--@if($is_logged)-->
<a href="{getUrl('act','dispMemberLogout')}"><img src="img/buttonLogout.gif" width="47" height="15" alt="LOGOUT" /></a>
<!--@else-->
<a href="#loginWindow" onclick="jQuery('#loginWindow').css('display','block');" accesskey="L"><img src="./img/buttonLogin.gif" width="43" height="15" alt="LOGIN" /></a>
<!--@end-->
</li>
<!--@if($is_logged)-->
<li> <font color=#E1E1E1>|</font> </li>
<li><b> {$logged_info->nick_name}</b></li>
<!--@end-->
</ul>
</div>
<!--최상단 로그인 메뉴 종료-->
<div id="search">
<form action="{getUrl()}" method="get"><input type="hidden" name="vid" value="{$vid}" />
<input type="hidden" name="mid" value="{$mid}" /><input type="hidden" name="act" value="IS" />
<input type="text" name="is_keyword" class="inputTypeText" value="{$is_keyword}" size="25/>
<span class="button"><input type="submit" value="{$lang->cmd_search}" /></span></form>
</div>
<!--검색창박스의 종료부분-->
</div>
<!--최상위 콘테이너의 종료부분-->
<!--메인 메뉴와 타이틀-->
<div id="head">
<div id="menu">
<!--메뉴의 시작부분-->
<div id="drop_menus">
</div>
<!--메뉴의 종료부분-->
</div>
<div id="top_banner" >
</div>
</div>
<!--몸체부분 입니다-->
<div id="body">
<div id="left">
<img widget="login_info" skin="daerew_v4_login" colorset="default" />
<form action="itemupdate.html" target="_blank">
<input type="submit" value="itemupdate">
</form>
</div>
<!--내용부분-->
<div id="right">
<div id="content">
{$content}
</div>
</div>
</div>
<!--하단여백-->
<div id="footer">
<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-->
--------------------------------------------------------------------------------------------------------------------------------------------------------
>css 파일부분
/* 전체몸체 */
#main {
width: 1080px;
margin-left: auto;
margin-right: auto;
padding: 0px;
background-color: white;
}
/*************************************
*최상위를 만들기 *
*************************************/
/*최상위 콘테이너*/
#top_menu {
width: 1080px;
height: 70px;
margin-bottom: 0px
}
/*사이트 이미지를 넣자!*/
#siteimage {
width: 500px;
height: 70px;
float: left;
background-image:url(../image/banner.gif)undefined;
background-repeat:no-repeat;
}
/*로그인 창을 만들기*/
#login {
width: 580px;
height: 24px;
float: right;
padding-top: 6px;
}
/*로그인 창을 오른쪽에*/
#login ul {
list-style: none;
margin: 0;
padding-bottom: 0px;
float: right;
}
#login ul li {
list-style: none;
float: right;
}
/*검색 엔진 넣기*/
#search {
width: 214px;
height: 27px;
list-style: none;
margin: 0;
padding-top: 12px;
padding-bottom: 1px;
padding-left: 366px;
float: right;
}
/***********************************
*메인메뉴~! ㅣㅣ; *
***********************************/
/*메뉴줄을 넣자*/
#head {
margin-bottom: 20px
}
#menu {
margin: 0;
padding: 0;
height: 36px;
margin-bottom: 0px;
background-image:url(../image/bar.gif)undefined;
}
#menu li{
float: left;
}
/*메뉴하단 배너의 크기*/
#top_banner {
height: 112px;
border-top: 3px solid #333;
border-bottom: 3px solid #666;
background-image:url(../image/title.gif)undefined;
background-repeat:no-repeat;
}
/***************************************
*콘텐트를 넣는곳 *
***************************************/
#body {
background-color: #ffffff;
margin: 0px 0;
}
#body #left {
float: left;
width: 200px;
background-color: #FFFFFF;
text-align: center;
}
#body #right {
overflow:hidden;
background-color: white;
margin-left: 180px;
}
#body #right #content {
margin-left: 10px;
padding-left: 20px;
padding-bottom: 10px
border: 1px solid #ffffff;
}
/*****************************
*하단을 만들자 *
*****************************/
#footer {
width: 1080px;
height: 112px;
}
