织梦会员登录状态(样式)代码调用方法

在织梦dedecms 网站制作和仿站时,我们也会需要在网站上添加用户登录、注册的板块,而添加织梦dedecms 登陆框的方法也很简单,方法如下:
通常登录框有两种样式,横向展示,竖向展示:下面是具体实现代码 。

一、横向样式

1.实现过程

第一步:我们首先新建一个空白的默认首页模板(通常为index.htm),并设置为启用状态,然后掏空里面的所有代码。

第二步:然后在<head></head>区域内加入以下代码:

<script language="javascript" type="text/javascript" src="{dede:global.cfg_cmsurl/}/include/dedeajax2.js"></script>

<script language="javascript" type="text/javascript">

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>

第三步:然后再在<body></body>区域增加如下代码:

<div id="_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" />

<ul>

<li>

<label>用户名:</label> <input type="text" name="userid" class="text" style="width:80px"/>

<li>

<li>

<label>密 码:</label> <input type="password" name="pwd" class="text" style="width:80px"/>

</li>

<li>

<label>验证码:</label><input type="text" name="vdcode" class="text" style="width:40px"/> <img id="vdimgck" align="absmiddle" onClick="this.src=this.src+'?'" style="cursor: pointer; margin-left: 0px;" alt="看不清?点击更换" src="../include/vdimgck.php"/>

</li>

<li><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></li>

</ul>

</div>

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

<style>

#_userlogin{font-size:12px; height:22px;}

#_userlogin ul {margin:0;}

#_userlogin ul li{ float:left; padding:0 5px;}

#_userlogin ul li input.text{font-size:12px; height:14px;}

</style>

</body>

第四步:代码添加完毕,我们生成首页或者直接浏览动态首页看看效果:

第五步:我们输入正确的账号密码,回到首页的效果图:

到此,我们的横向登陆样式就制作完毕了。

但是很明显,登陆后的样式非常丑陋,我们应该美化一下,但在美化之前我们应该要来了解一下代码中的含义。

版权免责声明

① 本站VIP源码资源永久免费下载 www.wayu.cn
② 本网站资源来源于网络收集,如有侵权,请联系站长进行删除处理。
③ 分享目的仅供大家学习和交流,请不要用于商业用途,否则后果自负。
④ 如果你有源码需要出售,可以联系小编,或者点击 投稿
⑤ 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解。
⑥ 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需。
⑦ 在您的能力范围内,为了大环境的良性发展,请尽可能的选择正版资源。
⑧ 网站资源不做任何二次加密和授权后门(原版加密除外)

评论0

请先

今日开通包年,永久vip 半价优惠,有需要的请联系在线客服。
没有账号? 忘记密码?