dedecms实现首页顶部会员登陆框的方法

dedecms实现首页顶部会员登陆框的方法

DEDE5.7首页vip会员横向登录代码。

许多建立网站的人在做门户网行业门户网站的情况下，都喜爱在主页顶端的部位再来一个横着的会员登陆。而dede的会员登陆则是在右侧的。那究竟要怎样来完成这一作用呢？请首先看设计效果图。
 
下边大家来一步一步改动！
最先在index.html中删除原先的登录代码，在头顶部文档head.html添加下列新的代码：

复制代码代码以下:
<divclass="header_top">
<divclass="w960center">
<spanclass="time"id="time">
<tableborder="0"align="center">
<tr><td>
<divid="_userlogin">
<divclass="userlogin">
<formname="userlogin"action="{dede:global.cfg_memberurl/}/index_do.php"method="POST">
<inputtype="hidden"name="fmdo"value="login"/>
<inputtype="hidden"name="dopost"value="login"/>
<inputtype="hidden"name="keeptime"value="604800"/>
<divclass="fb">登录名:<inputtype="text"name="userid"size="18"class="ipt-txt"/>
登陆密码:<inputtype="password"name="pwd"size="18"class="ipt-txt"/>
短信验证码:<inputtype="text"name="vdcode"size="8"class="ipt-txt"/>
<imgalign="center"src="{dede:global.cfg_cmsurl/}/include/vdimgck.php"/>
<buttontype="submit"class="btn-1">登陆</button>
<ahref="{dede:global.cfg_memberurl/}/index_do.php?fmdo=user&dopost=regnew">注册新账号</a><ahref="{dede:global.cfg_memberurl/}/resetpassword.php">密码忘了?</a>
</form>
</div>
</div>
<!--/userlogin-->
<scriptlanguage="javascript"type="text/javascript">CheckLogin();</script>
</td></tr></table>
</span>
<divclass="toplinks"><ahref=""onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('{dede:global.cfg_basehost/}');">设为首页</a>|<ahref="javascript:window.external.AddFavorite('{dede:global.cfg_basehost/}','{dede:global.cfg_webname/}')">添加收藏</a>|<ahref="{dede:global.cfg_cmsurl/}/data/sitemap.html"target="_blank">网址导航</a>|<ahref="https://www.jb51.net">在线留言</a></div>
</div>
</div>

HTML代码如今大家早已拥有，下边把上边代码中采用的CSS款式健全了：

复制代码代码以下:
/*----------head---------*/
.header{
width:100%;
width:961080x;
margin:auto;
overflow:hidden;
}
.header_top{
height:32px!important;
height:31px;
line-height:32px;
color:#676767;
overflow:hidden;
background:url(../images/top_bg.gif)repeat-x;
}
.center{
margin:1080xauto;
}
.w960{
width:961080x;
/*position:relative;*/
}
.header_top.time{
float:left;
padding-left:10px;
}
.header_top.toplinks{
float:right;
text-align:right;
}
.header_top.toplinksa{
margin:05px;
}
.header.top{
clear:both;
overflow:hidden;
margin-top:10px;
}
.header.title{
float:left;
}
.header.titleh1a{
width:386px;
height:58px;
display:block;
overflow:hidden;
}
.header.banner{
width:434px;
height:55px;
float:right;
margin-left:20px;
overflow:hidden;
}
.ipt-txt{
width:100px;
border:1px#CFCFCFsolid;
}
.fb{
color:#333333;
}
.btn-1{
background:url("../images/comm-bt.gif")no-repeatscroll00transparent;
border:mediumnone;
color:#585858;
cursor:pointer;
height:24px;
letter-spacing:1px;
line-height:25px;
overflow:hidden;
width:70px;
}

HTML代码和CSS都是有了，如今显示信息是没什么问题了，但要一切正常登陆，还少一些JS文档要载入：

复制代码代码以下:
<scriptlanguage="javascript"type="text/javascript"src="{dede:global.cfg_cmsurl/}/include/dedeajax2.js"></script>
<scriptlanguage="javascript"type="text/javascript">
<!--
$(function(){
$("a[_for]").mouseover(function(){
$(this).parents().children("a[_for]").removeClass("thisclass").parents().children("dd").hide();
$(this).addClass("thisclass").blur();
$("#"$(this).attr("_for")).show();
});
$("a[_for=uc_member]").mouseover();
$("a[_for=flink_1]").mouseover();
});
functionCheckLogin(){
vartaget_obj=document.getElementById('_userlogin');
myajax=newDedeAjax(taget_obj,false,false,'','','');
myajax.SendGet2("{dede:global.cfg_cmspath/}/member/ajax_loginsta.php");
DedeXHTTP=null;
}
-->
</script>