在帝国cms自带的评论和留言系统的功能上,简单修改一下它的样式就可以了。

修改内容页评论:

1、公共模板-评论js调用模板

[!--empirenews.listtemp--] 

    [!--pltime--] [!--username--]

    [!--pltext--]

[!--empirenews.listtemp--]
登录后复制

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--] 人参与评分
-->                                          [removed] function CheckPl(obj) { if(obj.saytext.value=="") { alert("错误,评论不能为空"); obj.saytext.focus(); return false; } return true; } [removed]     <form>                                                     <input>       <input>       <input>       <input>     </form>   
                                                        
   网友评论
[!--listpage--]   
 [!--empirenews.listtemp--]                                                                                                                                                     
[!--username--]
[!--pltime--]
[!--pltext--]
 
回复  支持[[!--zcnum--]]  反对[[!--fdnum--]
                                                    
        [!--empirenews.listtemp--]         

          [!--listpage--]   
          
          网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述   
          
        
                                                                                            
用户名:                 <input>                                   <!--密码: <input name="password" type="password" id="password" size="12" value="[!--lpassword--]" />-->
 验证码:                 <input>                 @@##@@          
                                                                                                           
                  <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--]

    
      
        <form>           

 来说点儿什么吧...

          

 您的姓名:             <input>             *

          <input>           

选择头像: *

          

              <input>             @@##@@              <input>             @@##@@              <input>             @@##@@              <input>             @@##@@              <input>             @@##@@              <input>             @@##@@              <input>             @@##@@              <input>             @@##@@ 

          

留言内容:             <textarea></textarea>           

          

            <input>             <input>                   <input>           

        </form>       
      [!--empirenews.listtemp--]       
        
              @@##@@           

                =format_datetime($r[lytime],'Y-m-d')?>              [!--name--]

              

    [!--lytext--]

            
      
      [!--start.regbook--]       
        
              

    站长回复:[!--retext--]

            
      
      [!--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-->          
[!--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 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评论怎么做的详细内容,更多请关注慧达安全导航其它相关文章!

点赞(0)

评论列表 共有 0 条评论

暂无评论
立即
投稿
发表
评论
返回
顶部