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

很多做网站的人在做门户资讯网站的时候,都喜欢在首页顶部的位置来个横向的会员登陆。而dede的会员登陆则是在右边的。那到底要如何来实现这个功能呢?请先看效果图。 下面我

标签:

很多做网站的人在做门户资讯网站的时候,都喜欢在首页顶部的位置来个横向的会员登陆。而dede的会员登陆则是在右边的。那到底要如何来实现这个功能呢?

 

下面我们来一步一步修改! 

首先在index.html中删掉原来的登陆代码,在头部文件head.html加入以下新的代码: 

 

复制代码代码如下:

 

<div class="header_top"> 

<div class="w960 center"> 

<span class="time" id="time"> 

<table border="0" align="center" > 

<tr><td> 

<div id="_userlogin"> 

<div class="userlogin"> 

<form name="userlogin" action="{dede:global.cfg_memberurl/}/index_do.php" method="POST"> 

<input type="hidden" name="fmdo" value="login" /> 

<input type="hidden" name="dopost" value="login" /> 

<input type="hidden" name="keeptime" value="604800" /> 

<div class="fb">用户名:<input type="text" name="userid" size="18" class="ipt-txt" /> 

密码:<input type="password" name="pwd" size="18" class="ipt-txt" /> 

验证码:<input type="text" name="vdcode" size="8" class="ipt-txt" /> 

<img align="center" src="{dede:global.cfg_cmsurl/}/include/vdimgck.php" /> 

<button type="submit" class="btn-1">登录</button> 

<a href="{dede:global.cfg_memberurl/}/index_do.php?fmdo=user&dopost=regnew">注册帐号</a> <a href="{dede:global.cfg_memberurl/}/resetpassword.php">忘记密码?</a> 

</form> 

</div> 

</div> 

<!-- /userlogin --> 

<script language="javascript" type="text/javascript">CheckLogin();</script> 

</td></tr></table> 

</span> 

<div class="toplinks"><a href=""onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('{dede:global.cfg_basehost/}');">设为首页</a> | <a href="javascript:window.external.AddFavorite('{dede:global.cfg_basehost/}','{dede:global.cfg_webname/}')">加入收藏</a> | <a href="{dede:global.cfg_cmsurl/}/data/sitemap.html" target="_blank">网站导航</a></div> 

</div> 

</div> 

 

HTML代码现在我们已经有了,下面把上面代码中用到的CSS样式完善了: 

 

代码如下:

 

/*---------- head ---------*/ 

.header{ 

width:100%; 

width:960px; 

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:0px auto; 

.w960{ 

width:960px; 

/*position:relative;*/ 

.header_top .time{ 

float:left; 

padding-left:10px; 

.header_top .toplinks{ 

float:right; 

text-align:right; 

.header_top .toplinks a{ 

margin:0 5px; 

.header .top{ 

clear:both; 

overflow:hidden; 

margin-top:10px; 

.header .title{ 

float:left; 

.header .title h1 a{ 

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 #CFCFCF solid; 

.fb{ 

color:#333333; 

.btn-1{ 

background: url("../images/comm-bt.gif") no-repeat scroll 0 0 transparent; 

border: medium none; 

color: #585858; 

cursor: pointer; 

height: 24px; 

letter-spacing: 1px; 

line-height: 25px; 

overflow: hidden; 

width: 70px; 

 

HTML代码和CSS都有了,现在显示是没问题了,但要正常登入,还少一些JS文件要加载: 

 

代码如下:

 

<script language="javascript" type="text/javascript" src="{dede:global.cfg_cmsurl/}/include/dedeajax2.js"></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_1]").mouseover(); 

}); 

function CheckLogin(){ 

var taget_obj = document.getElementById('_userlogin'); 

myajax = new DedeAjax(taget_obj,false,false,'','',''); 

myajax.SendGet2("{dede:global.cfg_cmspath/}/member/ajax_loginsta.php"); 

DedeXHTTP = null; 

--> 

</script> 



【免责声明】:

本站所发布的一切资源仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。

【关于转载】:

本站尊重互联网版权体系,本站部分图片、文章大部分转载于互联网、所有内容不代表本站观点、不对文章中的任何观点负责、转载的目的只用于给网民提供信息阅读,无任何商业用途,所有内容版权归原作者所有
如本站(文章、内容、图片、视频)任何资料有侵权,先说声抱歉;麻烦您请联系请后台提交工单,我们会立即删除、维护您的权益。非常感谢您的理解。

【附】:

二○○二年一月一日《计算机软件保护条例》第十七条规定:为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬!鉴于此,也希望大家按此说明研究软件!

注:本站资源来自网络转载,版权归原作者和公司所有,如果有侵犯到您的权益,请第一时间联系我们处理!

-----------------------------------------------------------------------------------------------------------

【版权声明】:

一、本站致力于为源码爱好者提供国内外软件开发技术和软件共享,着力为用户提供优资资源。
二、本站提供的源码下载文件为网络共享资源,请于下载后的24小时内删除。如需体验更多乐趣,还请支持正版。
三、如有内容侵犯您的版权或其他利益的,请编辑邮件并加以说明发送到站长邮箱。站长会进行审查之后,情况属实的会在三个工作日内为您删除。
-----------------------------------------------------------------------------------------------------------


内容投诉
源码村资源网 » dedecms实现首页顶部会员登陆框的方法
您需要 登录账户 后才能发表评论

发表评论

欢迎 访客 发表评论