织梦会员登录状态(样式)代码调用方法,织梦教
导读:织梦教程织梦教程在网站制作和仿站时,我们也会需要在网站上添加用户登录、注册的板块,而添加织梦登陆框的方法也很简单,方法如下:免费织梦模板织梦模板。
在网站制作和仿站时,我们也会需要在网站上添加用户登录、注册的板块,而添加织梦登陆框的方法也很简单,方法如下: 通常登录框有两种样式,横向展示,竖向展示:下面是具体实现代码 一、横向样式 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></bod手机模板dedey>区域增加如下代码: <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> 第四步:代码添加完毕,我们生成首页或者直接浏览动态首页看看效果: 第五步:我们输入正确的账号密码,回到首页的效果图: 到此,我们的横向登陆样式就制作完毕了。 但是很明显,登陆后的样式非常丑陋,我们应该美化一下,但在美化之前我们应该要来了解一下代码中的含义。
声明: 本文由我的SEOUC技术文章主页发布于:2023-07-19 ,文章织梦会员登录状态(样式)代码调用方法,织梦教主要讲述样式,状态,织梦网站建设源码以及服务器配置搭建相关技术文章。转载请保留链接: https://www.seouc.com/article/web_30996.html