您现在的位置是:首页 > 教程 > dedecms教程dedecms教程
dedecms5.7首页会员横排登录代码修改实例
盼山2023-10-06 16:45:52dedecms教程已有人查阅
导读很多做网站的人在做门户资讯网站的时候都喜欢在首页顶部的位置来个横向的会员登陆而dede的会员登陆则是在右边的那到底要如何来实现这个功能呢?
很多做网站的人在做门户资讯网站的时候 都喜欢在首页顶部的位置来个横向的会员登陆 而dede的会员登陆则是在右边的 那到底要如何来实现这个功能呢?
下面我们来一步一步修改!
首先在index html中删掉原来的登陆代码 在头部文件head html加入以下新的代码
下面把上面代码中用到的CSS样式完善了
现在显示是没问题了 但要正常登入 还少一些JS文件要加载
再看看效果;下在是CSS中出现的图片;下载地址 DEDE 横向登入图片 zip
下面我们来一步一步修改!
首先在index
<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代码现在我们已经有了
/* 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都有了
<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>
现在都全了本文标签:
很赞哦! ()
相关文章
- dedecms5.7频道封面首页的调用方法
- dedecms5.7织梦首页调用单页的文档内容的方法
- 织梦dedecms5.7后台留言管理在哪里
- dedecms5.7后台添加文章出现重复内容怎么办
- 织梦dedecms5.7会员登陆后返回网页显示登陆状态方法
- 织梦dedecms5.7图集加水印解决方法
- 织梦dedecms5.7自由列表使用教程
- 织梦dedecms5.7自定义模型使用教程分享
- 解决dedecms5.7版本article_image_cl.htm模板文件IE9大图不显示BUG
- 织梦dedecms5.7SP1 /plus/download.php url重定向漏洞的解决方法
- dedecms5.7代码高亮的方法思路
- 织梦dedecms5.7添加自定义属性的实现方法
随机图文
-
织梦dedecms5.7会员登陆后返回网页显示登陆状态方法
本来写了个dedecms 5.1的教程,现在升级dede5.3了有兄弟问 就说一下,会员登陆后返回登陆前页面打开member/index_do.php 找到 -
织梦cms数据库表和字段说明归总
随着对织梦CMS的深入研究,即使我不懂PHP语言,不明白MYSQL,但是为了熟练应用织梦CMS建站,我还是认真学习了下织梦CMS的数据库知识 -
dedecms织梦验证码的代码注释介绍
本文介绍下,织梦dedecms中验证码代码的实现方法,有需要的朋友,可以参考学习下。有关dedecms验证码的代码,大家注意看其中的注释,以帮助理解哦。 -
dedecms织梦列表不显示第一个元素如分隔符的修复方法
其实这个是我碰见的具体案例,本来是公司简介 | 联系我们 | 公司历程,这几个栏目,但是循环式时,发现这样
留言与评论 (共有 条评论) |