瓦窑源码 快速建站好帮手
客服QQ客服QQ 微信号微信号

织梦dedecms如何调用会员登录状态样式

本文主要介绍了织梦dedecms如何调用会员登录状态样式,首先新建一个空白的默认首页模板,在里面加入教程提供的代码,就可以实现这个功能,推荐给有此需要的朋友,值得参考。

织梦网站源码

织梦dededms网站制作和仿制网站时,我们也需要在网站上追加用户注册、注册的板块,追加织梦dedecm网站的方法也很简单。

方法如下:

通常登录框有两种样式,横向展示,竖向展示:下面是具体实现代码 。

一、横向样式

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> 

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

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

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

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

以上就是关于织梦会员登录状态的所有内容,希望可以帮到大家,欢迎扫码加微信一起交流~

微信公众号

TAG标签:织梦会员登录状态

上一个:织梦dedecms导航菜单如何实现高亮显示的效果
下一个:织梦dedecms调用评论列表的代码怎么写

瓦窑源码专注织梦网站源码与静态模板分享,提供织梦模板,dedecms模板,织梦企业源码,dedecms商业源码和织梦免费模板下载

织梦源码 - 织梦模板 - 网页素材 - 织梦教程 - 站长学院 - 热门排行 - Tags标签 - 网站地图 - 免责声明

Copyright©2021 瓦窑源码 Why114.COM 版权所有 鲁ICP备20017802号-2

客服QQ:1847629575 微信号:qilujianzhan

展开