帝国cms 评论 审核 php,帝国cms如何自定义留言以及评论样式
在帝国cms自带的评论和留言系统的功能上，简单修改一下它的样式，就能美美的调用出畅言一样的效果了。
修改内容页评论：
1、公共模板-评论js调用模板
[!–empirenews.listtemp–]
[!–pltime–] [!–username–]
[!–pltext–]
[!–empirenews.listtemp–]2、公共模板变量-管理公共模板-[!–temp.pl–] 找到评论表单
function CheckPl(obj)
{
if(obj.saytext.value==””)
{
alert(“您没什么话要说吗？”);
obj.saytext.focus();
return false;
}
return true;
}
用户名:
验证码:
3、评论列表模板 -管理评论模板
[!–pagetitle–]
article { width: 800px; margin: auto }
@media only screen and (max-width: 800px) {
article { width: 100% }
}
网友评论 |
|
|||||||
[!–empirenews.listtemp–]
[!–empirenews.listtemp–] [!–listpage–] 网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述 |
|||||||
function CheckPl(obj)
{
if(obj.saytext.value==””)
{
alert(“错误，评论不能为空”);
obj.saytext.focus();
return false;
}
return true;
}
| 用户名： |
| 验证码：
|
|
匿名发表 |
|
4、留言板 位置在：公共模板-留言板
头像图片存放在/e/tool/images/
[!–bname–]
[!–temp.header–]
[!–bname–]
来说点儿什么吧…
您的姓名:
*
选择头像: *
留言内容:
[!–empirenews.listtemp–]
=format_datetime($r[lytime],’Y-m-d’)?>
[!–name–]
[!–lytext–]
[!–start.regbook–]
站长回复:[!–retext–]
[!–end.regbook–]
[!–empirenews.listtemp–]
function myFun(sId) {
var oImg = document.getElementsByTagName(‘img’);
for (var i = 0; i < oImg.length; i++) {
if (oImg[i].id == sId) {
oImg[i].previousSibling.previousSibling.checked = true;
oImg[i].style.opacity = ‘1’;
} else {
oImg[i].style.opacity = ‘.8’;
}
}
}
[!–temp.footer–]
5、css 增加以下css，jxhx的路径在 /skin/jxhx/css/base.css
/* 以下图片存放在skin/html/images */
.saying { line-height: 30px; color: #a9a6a6; }
.saying span { float: right }
.saying span a { color: #de1513; }
img#plKeyImg { display: inline-block; }
.yname { margin: 10px 10px 10px 0 }
.yname span, .yzm span { padding-right: 10px; }
.yzm { margin: 0 10px 10px 0 }
.gbox input[type=”submit”] { display: block; background: #303030; color: #fff; border: 0; line-height: 30px; padding: 0 20px; border-radius: 5px; float: right; }
#plpost textarea#saytext { width: 100%; }
#plpost input[type=”submit”] { display: block; background: #040404; color: #fff; border: 0; line-height: 30px; padding: 0 20px; border-radius: 5px; float: right; }
.gbox { padding: 0; overflow: hidden; }
.gbox p { margin-bottom: 10px; overflow: hidden; }
p.fbtime { color: #000; }
.fbtime span { float: right; color: #999; font-size: 12px; overflow: hidden; white-space: nowrap; }
p.fbinfo { margin: 10px 0; }
.fb ul { margin: 10px 0; padding: 20px 10px; border-bottom: #ececec 1px solid; }
span.tximg { display: block; float: left; margin-right: 10px; }
.gbox i { display: block; float: left; margin-right: 10px; }
.gbox i input { margin: 10px auto; display: block; }
.hf ul { padding: 10px 10px; background: #f9f9f9; }
.hf { padding-bottom: 20px; border-bottom: #dedddd 1px dashed; }
textarea#lytext { width: 99%; }
.gbox input[type=”submit”] { display: block; background: #040404; color: #fff; border: 0; line-height: 30px; padding: 0 20px; border-radius: 5px; float: right; }
.ecomment { border: #dedcdc 1px solid; padding: 10px; margin-bottom: 10px; }
span.ecommentauthor { color: #b5b5b5; font-size: 14px; margin-bottom: 5px; display: block; }
.gbook .fb ul { margin: 10px 10px; padding: 10px 10px 10px 70px; border-bottom: #ececec 1px solid; }
.gbook .fb:nth-child(8n-7) ul { background: url(../../../e/tool/images/tx10.jpg) no-repeat top 20px left 10px; }
.gbook .fb:nth-child(8n-6) ul { background: url(../../../e/tool/images/tx9.jpg) no-repeat top 20px left 10px; }
.gbook .fb:nth-child(8n-5) ul { background: url(../../../e/tool/images/tx8.jpg) no-repeat top 20px left 10px; }
.gbook .fb:nth-child(8n-4) ul { background: url(../../../e/tool/images/tx7.jpg) no-repeat top 20px left 10px; }
.gbook .fb:nth-child(8n-3) ul { background: url(../../../e/tool/images/tx6.jpg) no-repeat top 20px left 10px; }
.gbook .fb:nth-child(8n-2) ul { background: url(../../../e/tool/images/tx5.jpg) no-repeat top 20px left 10px; }
.gbook .fb:nth-child(8n-1) ul { background: url(../../../e/tool/images/tx4.jpg) no-repeat top 20px left 10px; }
.gbook .fb:nth-child(8n) ul { background: url(../../../e/tool/mages/tx3.jpg) no-repeat top 20px left 10px; }
.gbook .fb:first-child ul { background: url(../../../e/tool/images/tx2.jpg) no-repeat top 20px left 10px; }
.gbook .fb:last-child ul { background: url(../../../e/tool/images/tx1.jpg) no-repeat top 20px left 10px; }
6、将压缩包下载，分别传到/e/tool/images/ (没有目录就创建目录)
文章评论
[!–temp.pl–]
8、修改完以后，刷新内容页，动态页面
原文链接：https://blog.csdn.net/weixin_33673142/article/details/116022585?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522166669233216782412568856%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=166669233216782412568856&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~times_rank-17-116022585-null-null.nonecase&utm_term=%E5%B8%9D%E5%9B%BDcms
