在帝国cms自带的评论和留言系统的功能上,简单修改一下它的样式就可以了。
修改内容页评论:
1、公共模板-评论js调用模板
[!--empirenews.listtemp--]登录后复制[!--empirenews.listtemp--]
[!--pltime--] [!--username--]
[!--pltext--]
2、公共模板变量-管理公共模板-[!--temp.pl--] 找到评论表单
[removed] function CheckPl(obj) { if(obj.saytext.value=="") { alert("您没什么话要说吗?"); obj.saytext.focus(); return false; } return true; } [removed]登录后复制
共有[removed][removed]条评论来说两句吧...
用户名:
验证码: @@##@@
3、评论列表模板 -管理评论模板
nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <meta><meta><title>[!--pagetitle--]</title><meta><meta><style> article { width: 800px; margin: auto } <!-- body, Table { color: #222; font-size: 12px; } a { color: #222; text-decoration: none; } a:hover { color: #f00; text-decoration: underline; } h1 { font-size: 32px; font-weight: bold; } h2 { color: #1e3a9e; font-size: 25px; font-weight: bold; } .you { color: #1f3a87; font-size: 14px; } .text { font-size: 14px; padding-left: 5px; padding-right: 5px; line-height: 20px } .re a { color: #1f3a87; } .name { color: #1f3a87; } .name a { color: #1f3a87; text-decoration: underline; } .retext { background-color: #f3f3f3; width: 100%; float: left; padding-top: 22px; padding-bottom: 22px; border-top: 1px solid #ccc; } .retext textarea { width: 90%; height: 130px; float: left; margin-left: 10px; border-top-style: inset; border-top-width: 2px; border-left-style: inset; border-left-width: 2px; } .hrLine { BORDER-BOTTOM: #807d76 1px dotted; } .ecomment { margin: 0; padding: 0; } .ecomment { margin-bottom: 12px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px; background: #FFFFEE; padding: 3px; border: solid 1px #999; } .ecommentauthor { float: left; color: #F96; font-weight: bold; } .ecommenttext { clear: left; margin: 0; padding: 0; } --> @media only screen and (max-width: 800px) { article { width: 100% } } </style>[removed][removed]登录后复制
网友评论
<!--
评论:[!--title--]
<form action="../enews/index.php" method="post" name="infopfenform"> <input type="hidden" name="enews" value="AddInfoPfen" /> <input type="hidden" name="classid" value="[!--classid--]" /> <input type="hidden" name="id" value="[!--id--]" />
--></form> 评分: <input type="radio" name="fen" value="1"> 1分 <input type="radio" name="fen" value="2"> 2分 <input name="fen" type="radio" value="3" checked> 3分 <input type="radio" name="fen" value="4"> 4分 <input type="radio" name="fen" value="5"> 5分 <input type="submit" name="Submit" value="提交"> 平均得分: [!--pinfopfen--] 分,共有 [!--infopfennum--] 人参与评分
网友评论 [!--listpage--][removed] function CheckPl(obj) { if(obj.saytext.value=="") { alert("错误,评论不能为空"); obj.saytext.focus(); return false; } return true; } [removed] <form> [!--empirenews.listtemp--]
[!--username--] [!--pltime--][!--pltext--] [!--empirenews.listtemp--]
[!--listpage--]
网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述
用户名: <input> <!--密码: <input name="password" type="password" id="password" size="12" value="[!--lpassword--]" />--> 验证码: <input> @@##@@ <input> <input> <input> <input> </form>
<textarea></textarea> <input> 匿名发表
<input> [removed][removed]
4、留言板 位置在:公共模板-留言板
头像图片存放在/e/tool/images/
nbsp;html> <meta><title>[!--bname--]</title><meta><meta><meta><link><link>[removed][removed][removed][removed]<!--[if lt IE 9]> [removed][removed] <![endif]--> [!--temp.header--][!--bname--]
[!--temp.footer--] 登录后复制<form>[!--empirenews.listtemp--]来说点儿什么吧...
您的姓名: <input> *
<input>选择头像: *
<input> @@##@@ <input> @@##@@ <input> @@##@@ <input> @@##@@ <input> @@##@@ <input> @@##@@ <input> @@##@@ <input> @@##@@
留言内容: <textarea></textarea>
<input> <input> <input>
</form>[!--start.regbook--]@@##@@
=format_datetime($r[lytime],'Y-m-d')?> [!--name--]
[!--lytext--]
[!--end.regbook--] [!--empirenews.listtemp--] [removed] function myFun(sId) { var oImg = document.getElementsByTagName('img'); for (var i = 0; i < oImg xss=removed xss=removed xss=removed xss=removed> <!--newsinfo end-->
站长回复:[!--retext--]
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 left10px; } .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; }登录后复制</> <>> <>> <><> <>文章评论</> <> [> </></> 登录后复制 <>> <>推荐:帝国> <> <> <> <> <> <> <> <> <> <> < src class="aligncenter">
以上就是帝国cms评论怎么做的详细内容,更多请关注慧达安全导航其它相关文章!
免责 声明
1、本网站名称:慧达安全导航
2、本站永久网址:https//www.huida178.com/
3、本站所有资源来源于网友投稿和高价购买,所有资源仅对编程人员及源代码爱好者开放下载做参考和研究及学习,本站不提供任何技术服务!
4、本站所有资源的属示图片和信息不代表本站的立场!本站只是储蓄平台及搬运
5、下载者禁止在服务器和虚拟机下进行搭建运营,本站所有资源不支持联网运行!只允许调试,参考和研究!!!!
6、未经原版权作者许可禁止用于任何商业环境,任何人不得擅作它用,下载者不得用于违反国家法律,否则发生的一切法律后果自行承担!
7、为尊重作者版权,请在下载24小时内删除!请购买原版授权作品,支持你喜欢的作者,谢谢!
8.若资源侵犯了您的合法权益,请持 您的版权证书和相关原作品信息来信通知我们!QQ:1247526623我们会及时删除,给您带来的不便,我们深表歉意!
9、如下载链接失效、广告或者压缩包问题请联系站长处理
10、如果你也有好源码或者教程,可以发布到网站,分享有金币奖励和额外收入!
11、本站资源售价只是赞助,收取费用仅维持本站的日常运营所需
12、因源码具有可复制性,一经赞助,不得以任何形式退款。
13、本文内容由网友自发贡献和站长收集,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系1247526623@qq.com
转载请注明出处: 慧达安全导航 » 帝国cms评论怎么做
发表评论 取消回复