帝国CMS仿畅言评论插件

莫愁
帝国CMS
2019-05-09

分享帝国CMS

简介这是一款仿照畅言简约版来写的响应式“插件”，不是插件，就是调用帝国的，没使用其他如PHP等，完全可以烦心使用。
字数 3866.5

这是一款仿照畅言简约版来写的响应式“插件”，不是插件，就是调用帝国的，没使用其他如PHP等，完全可以烦心使用。

“插件”图效果如下：

评论效果图

样式源码及其图片：

cy.rar 文件解压密码:www.mochoublog.com

cy.rar (30.90 KB)

安装步骤

第一步：上传文件至服务器

将cy文件复制到根目录的skin/文件夹下

第二步：添加CSS样式

第三步：创建变量名为cy的模板变量

具体位置模板→公共模板变量→管理变量→增加模板变量然后变量内容如下

<div class="changyan">
			
<a id="changyan_area"></a>
<div id="SOHUCS" sid="11192"><div id="SOHU_MAIN">
<div class="module-cmt-header">
    
    <div class="clear-g section-title-w">
        <div class="title-user-w">
            <div node-type="user" class="clear-g user-wrap-w user-login">
                <span node-type="user-name" class="wrap-name-w">来一发：</span>
            </div>
        </div>
    </div>
    <div class="section-cbox-w">
        <div class="cbox-block-w clear-g">
            <div node-type="block-head-w" class="block-head-w block-head-login">
                <div node-type="avatar" class="head-img-w">
                    <a href="javascript:void(0);">
                        <img node-type="user-head" src="[!--news.url--]skin/cy/images/noavatar.gif" width="42" height="42" alt="">
                        <div node-type="head-img-ie-mask" class="head-img-ie-mask"></div>
                    </a>
                    
                                    </div>
  
            </div>
            <div node-type="login-select" class="block-post-w">

<script>
		  function CheckPl(obj)
		  {
		  if(obj.saytext.value=="")
		  {
		  alert("您没什么话要说吗？");
		  obj.saytext.focus();
		  return false;
		  }
		  return true;
		  }
		  </script>
		  
<form action="[!--news.url--]e/pl/doaction.php" method="post" name="saypl" id="saypl" onsubmit="return CheckPl(document.saypl)">

</form>
<div class="list-comment-empty-w">
                </div>
                
            </div>
        </div>
    </div>
</div>
<div node-type="module-cmt-list" class="module-cmt-list section-list-w">
    
    <div class="cmt-list-type">
        <ul class="clear-g type-lists">
                <li class="type-list active">评论</li>
        </ul>
        <div class="cmt-list-border"></div>
        <div class="cmt-list-number">
            <span class="comment-number"><span class="cy-number"><script type="text/javascript" src="[!--news.url--]e/public/ViewClick/?classid=[!--classid--]&id=[!--id--]&down=2"></script></span>人参与,<span class="cy-number"><script type="text/javascript" src="[!--news.url--]e/public/ViewClick/?classid=[!--classid--]&id=[!--id--]&down=2"></script></span>条评论</span>
        </div>
    </div>

 
<script src="[!--news.url--]e/pl/more/?classid=[!--classid--]&id=[!--id--]&num=10"></script>

</div>

</div></div>
</div>

第四步：修改评论js模板

具体位置模板→公共模板→评论JS调用模板然后修改内容如下：

[!--empirenews.listtemp--] 
<div class="clear-g block-cont-gw">
    <div class="cont-head-gw">
        <div class="head-img-gw">
            <a node-type="photo">
                <div class="img-corner"></div>
                <img src="[!--news.url--]skin/cy/images/noavatar.gif" width="42" height="42">
            </a>
        </div>
    </div>
    <div class="cont-msg-gw">
        <div class="msg-wrap-gw">
            <div class="wrap-user-gw global-clear-spacing">
                                <span class="user-time-gw">[!--pltime--]</span>
                <span node-type="nickname" class="user-name-gw"><a>[!--username--]</a></span>
                                
                <span class="user-address-gw">[<i>ip：</i>[!--plip--]]</span>
                            </div>
            
            
            <div class="wrap-issue-gw">
                <p class="issue-wrap-gw"><span class="wrap-word-gw">[!--pltext--]</span></p>
                <div class="cy-see-more">
                    <span></span><i></i>
                </div>
            </div>
            
            
            <div node-type="btns-bar" class="clear-g wrap-action-gw">
                <div node-type="action-click-gw" class="action-click-gw global-clear-spacing">
                  
                    <i class="gap-gw"></i>
                    <span node-type="support" class="click-ding-gw">
                       <a href="JavaScript:makeRequest('[!--news.url--]e/pl/doaction.php?enews=DoForPl&plid=[!--plid--]&classid=[!--classid--]&id=[!--id--]&dopl=1&doajax=1&ajaxarea=zcpldiv[!--plid--]','EchoReturnedText','GET','');"><i class="icon-gw icon-ding-bg"></i><em id="zcpldiv[!--plid--]" class="icon-name-bg">[!--zcnum--]</em></a>
                    </span>
                    <i class="gap-gw"></i>
                    <span node-type="oppose" class="click-cai-gw">
                       <a href="JavaScript:makeRequest('[!--news.url--]e/pl/doaction.php?enews=DoForPl&plid=[!--plid--]&classid=[!--classid--]&id=[!--id--]&dopl=0&doajax=1&ajaxarea=fdpldiv[!--plid--]','EchoReturnedText','GET','');"><i class="icon-gw icon-cai-bg"></i><em id="fdpldiv[!--plid--]" class="icon-name-bg">[!--fdnum--]</em></a>
                    </span>
                <i class="gap-gw"></i><span class="click-prop-gw"><span class="prop-span"><a></a></span></span></div>
                
            </div>
                    </div>
    </div>
</div>
[!--empirenews.listtemp--]

</div>
</div>