很多做網站的人在做門戶資訊網站的時候都喜歡在首頁頂部的位置來個橫向的會員登陸而dede的會員登陸則是在右邊的那到底要如何來實現這個功能呢？請先看效果圖

　　下面我們來一步一步修改！

　　首先在indexhtml中刪掉原來的登陸代碼在頭部文件headhtml加入以下新的代碼

<div class="header_top">
<div class="w center">
<span class="time" id="time">
<table border="" align="center" >
<tr><td>
<div id="_userlogin">
<div class="userlogin">
<form name="userlogin" action="{dede:globalcfg_memberurl/}/index_dophp" method="POST">
<input type="hidden" name="fmdo" value="login" />
<input type="hidden" name="dopost" value="login" />
<input type="hidden" name="keeptime" value="" />
<div class="fb">用戶名:<input type="text" name="userid" size="" class="ipttxt" />
密碼:<input type="password" name="pwd" size="" class="ipttxt" />
驗證碼:<input type="text" name="vdcode" size="" class="ipttxt" />
<img align="center" src="{dede:globalcfg_cmsurl/}/include/vdimgckphp" />

　　<button type="submit" class="btn">登錄</button>
<a href="{dede:globalcfg_memberurl/}/index_dophp?fmdo=user& dopost=regnew">注冊帳號</a> <a href="{dede:globalcfg_memberurl/}/resetpasswordphp">忘記密碼?</a>
</form>
</div>
</div>
<! /userlogin >
<script language="javascript" type="text/javascript">CheckLogin();</script>
</td></tr></table>

　　</span>
<div class="toplinks"><a href=""onclick="thisstylebehavior=url(#default#homepage); thissetHomePage({dede:globalcfg_basehost/});">設為首頁</a> | <a href="javascript:windowexternalAddFavorite({dede:globalcfg_basehost/}{dede:globalcfg_webname /})">加入收藏</a> | <a href="{dede:globalcfg_cmsurl/}/data/sitemaphtml" target="_blank">網站導航</a> | <a href="聯系我們</a></div>
</div>
</div>

　　HTML代碼現在我們已經有了下面把上面代碼中用到的CSS樣式完善了

/* head */
header{
width:%;
width:px;
margin:auto;
overflow:hidden;
}
header_top{
height:px!important;
height:px;
lineheight:px;
color:#;
overflow:hidden;
background:url(/images/top_bggif) repeatx;
}
center{
margin:px auto;
}
w{
width:px;
/*position:relative;*/
}
header_top time{
float:left;
paddingleft:px;
}
header_top toplinks{
float:right;
textalign:right;
}
header_top toplinks a{
margin: px;
}
header top{
clear:both;
overflow:hidden;
margintop:px;
}
header title{
float:left;
}
header title h a{
width:px;
height:px;
display:block;
overflow:hidden;
}
header banner{
width:px;
height:px;
float:right;
marginleft:px;
overflow:hidden;
}
ipttxt{
width:px;
border:px #CFCFCF solid;
}
fb{
color:#;
}
btn{
background: url("/images/commbtgif") norepeat scroll transparent;
border: medium none;
color: #;
cursor: pointer;
height: px;
letterspacing: px;
lineheight: px;
overflow: hidden;
width: px;
}

　　HTML代碼和CSS都有了現在顯示是沒問題了但要正常登入還少一些JS文件要加載

<script language="javascript" type="text/javascript" src="{dede:globalcfg_cmsurl/}/include/dedeajaxjs"></script>
<script language="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_]")mouseover();
});

function CheckLogin(){
var taget_obj = documentgetElementById(_userlogin);
myajax = new DedeAjax(taget_objfalsefalse);
myajaxSendGet("{dede:globalcfg_cmspath/}/member/ajax_loginstaphp");
DedeXHTTP = null;
}
>
</script>

　　現在都全了再看看效果

　　下在是CSS中出現的圖片

　　下載地址DEDE橫向登入圖片zip