帝国cms仿畅言简约版响应式评论插件

05512

五步搞定，具体如下：

图片[1]-帝国cms仿畅言简约版响应式评论插件-丁塔克

QQ截图20190109193809.png (30.21 KB, 下载次数: 232)

下载附件

2019-1-9 19:38 上传

第一步：将cy文件复制到根目录的skin/文件夹下

第二步：内容页添加

  1. <link type="text/css" rel="stylesheet" href="[!–news.url–]skin/cy/css/chanyan.css"/>

复制代码

第三步：替换评论表单：

代码如下：

  1. <div class="module-cmt-header">
  2.     <div class="clear-g section-title-w">
  4.         <div class="title-user-w">
  6.             <div node-type="user" class="clear-g user-wrap-w user-login">
  8.                 <span node-type="user-name" class="wrap-name-w">来一发：</span>
  10.             </div>
  12.         </div>
  14.     </div>
  16.     <div class="section-cbox-w">
  18.         <div class="cbox-block-w clear-g">
  20.             <div node-type="block-head-w" class="block-head-w block-head-login">
  22.                 <div node-type="avatar" class="head-img-w">
  24.                     <a href="javascript:void(0);">
  26.                         <img node-type="user-head" src="[!–news.url–]skin/cy/images/noavatar.gif" width="42" height="42" alt="">
  28.                         <div node-type="head-img-ie-mask" class="head-img-ie-mask"></div>
  30.                     </a>
  31.                                     </div>
  32.             </div>
  34.             <div node-type="login-select" class="block-post-w">
  36. <!– 放置cbox初始状态 –>
  38. <script>
  40.                        function CheckPl(obj)
  42.                        {
  44.                        if(obj.saytext.value=="")
  46.                        {
  48.                        alert("您没什么话要说吗？");
  50.                        obj.saytext.focus();
  52.                        return false;
  54.                        }
  56.                        return true;
  58.                        }
  60.                        </script>
  62. <form action="[!–news.url–]e/pl/doaction.php" method="post" name="saypl" id="saypl" onsubmit="return CheckPl(document.saypl)">
  64. <div class="module-cmt-box">
  66.     <!– 展开状态 –>
  68.     <div class="post-wrap-w">
  70.         <div class="post-wrap-border-l"></div>
  72.         <div class="post-wrap-border-r"></div>
  74.         <div node-type="post-wrap-main" class="post-wrap-main">
  76.             <div class="post-wrap-border-t">
  78.                 <div node-type="post-wrap-border-t-l" class="post-wrap-border-t-l"></div>
  80.                 <div node-type="post-wrap-border-t-r" class="post-wrap-border-t-r" style="margin-left: 115px;"></div>
  82.             </div>
  84.             <div class="wrap-area-w">
  86.                 <div class="area-textarea-w">
  88.             <textarea name="saytext" id="saytext" placeholder="有事没事说两句…" class="textarea-fw textarea-bf"></textarea>
  90.                 </div>
  92.             </div>
  94.         </div>
  96.         <div class="clear-g wrap-action-w">
  98.            <div class="action-function-w">
  100.     <ul class="clear-g">
  102.            <input name="nomember" type="checkbox" id="nomember" value="1" checked="checked" style=" width: 18px;height: 18px;"/><span style="padding-left: 4px;padding-right: 10px;">匿名评论</span>
  104. <input name="key" placeholder="请输入验证码" type="text" size="10" style="padding-left: 42px;border: 1px solid #4398ED;border-radius: 12px;color: #000;font-family: ‘Open Sans’,sans-serif;font-size: 1em;height: 28px;padding: 0 10px;">
  106. <img src="[!–news.url–]e/ShowKey/?v=pl" align="absmiddle" style="width:60px" name="plKeyImg" id="plKeyImg" onclick="plKeyImg.src='[!–news.url–]e/ShowKey/?v=pl&t=’+Math.random()" title="看不清楚,点击刷新" />
  108. </ul>              
  110.             </div>
  112.             <div class="clear-g action-issue-w">
  114.                 <div class="issue-btn-w">
  116.                     <a href="javascript:void(0)">
  118.                         <button node-type="issue" class="btn-fw"></button>
  120.                     </a>
  121.                 </div>
  123.             </div>
  125.         </div>
  127.     </div>
  129. </div>
  131. <input name="id" type="hidden" id="id" value="[!–id–]" />
  133. <input name="classid" type="hidden" id="classid" value="[!–classid–]" />
  135. <input name="enews" type="hidden" id="enews" value="AddPl" />
  137. <input name="repid" type="hidden" id="repid" value="0" />
  139. <input type="hidden" name="ecmsfrom" value="[!–titleurl–]">
  140. </form>
  141. <div class="list-comment-empty-w">
  142.                 </div>
  143.             </div>
  145.         </div>
  147.     </div>
  149. </div>
  151. <div node-type="module-cmt-list" class="module-cmt-list section-list-w">
  153.     <div class="cmt-list-type">
  155.         <ul class="clear-g type-lists">
  157.                 <li class="type-list active">评论</li>
  158.         </ul>
  159.         <div class="cmt-list-border"></div>
  161.         <div class="cmt-list-number">
  163.             <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>
  165.         </div>
  167.     </div>

复制代码

第四步：替换评论JS调用模板

代码如下：

  1. <div class="list-block-gw list-newest-w">
  3.         <div node-type="cmt-list-title" class="block-title-gw">
  5.             <ul class="clear-g">
  7.                 <li>
  9.                     <div class="title-name-gw title-name-bg">
  11.                     <div class="title-name-gw-tag"></div>最新评论</div>
  13.                 </li>
  15.             </ul>
  17.         </div>
  19.         <div node-type="cmt-list" id="cy-cmt-list">
  20. [!–empirenews.listtemp–]
  22. <div class="clear-g block-cont-gw">
  24.     <div class="cont-head-gw">
  26.         <div class="head-img-gw">
  28.             <a node-type="photo">
  30.                 <div class="img-corner"></div>
  32.                 <img src="[!–news.url–]skin/cy/images/noavatar.gif" width="42" height="42">
  34.             </a>
  36.         </div>
  38.     </div>
  40.     <div class="cont-msg-gw">
  42.         <div class="msg-wrap-gw">
  44.             <div class="wrap-user-gw global-clear-spacing">
  46.                                 <span class="user-time-gw">[!–pltime–]</span>
  48.                 <span node-type="nickname" class="user-name-gw"><a>[!–username–]</a></span>
  50.                 <span class="user-address-gw">[<i>ip：</i>[!–plip–]]</span>
  52.                             </div>
  53.             <div class="wrap-issue-gw">
  55.                 <p class="issue-wrap-gw"><span class="wrap-word-gw">[!–pltext–]</span></p>
  57.                 <div class="cy-see-more">
  59.                     <span></span><i></i>
  61.                 </div>
  63.             </div>
  65.             <!– 图片展示 –>
  67.             <div node-type="btns-bar" class="clear-g wrap-action-gw">
  69.                 <div node-type="action-click-gw" class="action-click-gw global-clear-spacing">
  71.                     <i class="gap-gw"></i>
  72.                     <span node-type="support" class="click-ding-gw">
  73.                        <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>
  74.                     </span>
  75.                     <i class="gap-gw"></i>
  76.                     <span node-type="oppose" class="click-cai-gw">
  77.                        <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>
  78.                     </span>
  79.                 <i class="gap-gw"></i><span class="click-prop-gw"><span class="prop-span"><a></a></span></span></div>
  80.             </div>
  82.                     </div>
  84.     </div>
  86. </div>
  88. [!–empirenews.listtemp–]
  89. </div>
  90. </div>

复制代码

最后一步：内容页调用（在你要调用的地方直接调用即可）

  1. <div class="changyan">
  2.                                 <!–PC版–>
  3. <a id="changyan_area"></a>
  4. <div id="SOHUCS" sid="11192"><div id="SOHU_MAIN">
  5. [!–temp.pl–]
  7. <!– 评论列表  S –>
  9. <!– 最新评论 –>
  11. <script src="[!–news.url–]e/pl/more/?classid=[!–classid–]&id=[!–id–]&num=10"></script>
  12. </div>
  14. <!– 评论列表  E –>
  16. </div></div>
  18. </div>

复制代码

© 版权声明

本站未注明转载的文章均为原创，并采用 CC BY-NC-SA 4.0 授权协议，转载请注明来源，谢谢！

分享是一种美德，当你分享时请你附带上本文链接。

THE END
帝国cms教程
点赞12 分享
相关推荐
帝国CMS搜索关键字统计（和tag一样）灵动方法！-丁塔克
帝国CMS搜索关键字统计（和tag一样）灵动方法！
帝国CMS搜索关键字统计（和tag一样）灵动方法！
1年前 1332
帝国CMS点击量（onclick）的数值过万时,换成万为单位的方法-丁塔克
帝国CMS点击量（onclick）的数值过万时,换成万为单位的方法
帝国CMS点击量（onclick）的数值过万时,换成万为单位的方法
1年前 1271
帝国CMS灵动标签调用文章相关关联id文章（和关键字、tag一样的功能）-丁塔克
帝国CMS灵动标签调用文章相关关联id文章（和关键字、tag一样的功能）
帝国CMS灵动标签调用文章相关关联id文章（和关键字、tag一样的功能）
1年前 664
评论 抢沙发

请登录后发表评论

    暂无评论内容

时间