12.1 添加会员中心
1、公共模板-JS调用登陆状态模板
<form name=login method=post action="[!--news.url--]e/member/doaction.php">
<input type=hidden name=enews value=login>
<input type=hidden name=ecmsfrom value=9>
<input name="username" type="text" class="inputText" size="12" placeholder="用户名"/>
<input name="password" type="password" class="inputText" size="12" placeholder="密码"/>
<input type="submit" name="Submit" value="登录" class="inputsub-dl" />
<a href="[!--news.url--]e/member/register/index.php?tobind=0&groupid=1" class="inputsub-zc">注册</a>
</form>
[!--empirenews.template--]
<div class="clear"></div>
<div class="logged"> <b>[!--username--]</b> [!--groupname--]，您好！<a href="[!--news.url--]e/member/cp/" target="_parent">会员中心</a> <a href="[!--news.url--]e/member/doaction.php?enews=exit&ecmsfrom=9" onclick="return confirm('确认要退出?');">退出</a> </div>
2、公共模板变量-header最顶部添加代码
<div class="box"><div class="user-login"><section><script src="[!--news.url--]e/member/login/loginjs.php"></script><section></div></div>
3、管理评论，评论权限限制勾选普通会员
4、替换文件夹/e/template
5、上传文件夹skin/houtai/
6、在样式表里如style.css添加代码
.user-login {font-size: 13px;height:40px;line-height: 40px;}
.user-login section{ float:right}
input.inputText {border: 0;height: 26px;text-indent: .5em;margin: 7px 5px 0 0;outline: none;float: left;}
input.inputsub-dl {border: 0;height: 26px;padding: 0 10px;border-radius: 3px;background: #f4543c;color: #fff;float: left;margin: 7px 5px 0 0;}
a.inputsub-zc {height: 26px;line-height: 26px;padding: 0 10px;border-radius: 3px;background: #0ec1d3;border: 0;color: #fff;display: inline-block;margin: 7px 5px 0 0;}
7、如果是响应式网站需要在添加代码，确保响应式（根据情况添加）
.user-login { position: fixed; bottom: 0; left: 0; background: #f3f8fb; z-index: 999; width: 100%; border-top: #ccc 1px solid; }
.user-login section { float: none; margin: 0 0 0 10px; }
.copyright { padding-bottom: 20px; }
8、替换/e/message/index.php
<?php
if(!defined('InEmpireCMS'))
{
exit();
}
?>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>信息提示</title>
<link href="<?=$public_r[newsurl]?>e/data/images/qcss.css" rel="stylesheet" type="text/css">
<?php
if(!$noautourl)
{
?>
<SCRIPT language=javascript>
var secs=3;//3秒
for(i=1;i<=secs;i++)
{ window.setTimeout("update(" + i + ")", i * 1000);}
function update(num)
{
if(num == secs)
{ <?=$gotourl_js?>; }
else
{ }
}
</SCRIPT>
<?
}
?>
</head>
<body>
<br>
<br>
<br>
<br>
<br>
<br>
<div class="tishi">
<p class="tishi_title">提示</p>
<p class="tishi_text"><?=$error?></p>
<p class="tishi_tiao"><a href="<?=$gotourl?>">如果您的浏览器没有自动跳转，请点击这里</a></p>
<style>
p{margin:0}
.tishi{border: #ddd 1px solid; text-align:center; width:660px;margin:auto}
.tishi_title{ background: #f2f2f2;;color: #000;font-weight: bold;line-height:40px; font-size:22px;border-bottom: #ddd 1px solid;}
.tishi_text{padding:20px;font-size:18px;}
.tishi_tiao{margin-bottom:20px;font-size:15px;}
@media screen and (max-width:768px) {
.tishi{width:90%;}
.tishi_title{font-size:20px;}
.tishi_tiao{font-size:14px;}
}
</style>
</div>
</body>
</html>
效果预览
你觉得文章内容怎么样