帝国cms仿畅言简约版响应式评论插件南笙离2年前发布关注私信05512 五步搞定,具体如下: QQ截图20190109193809.png (30.21 KB, 下载次数: 232) 下载附件 2019-1-9 19:38 上传 第一步:将cy文件复制到根目录的skin/文件夹下 第二步:内容页添加 <link type="text/css" rel="stylesheet" href="[!–news.url–]skin/cy/css/chanyan.css"/> 复制代码 第三步:替换评论表单: 代码如下: <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"> <!– 放置cbox初始状态 –> <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)"> <div class="module-cmt-box"> <!– 展开状态 –> <div class="post-wrap-w"> <div class="post-wrap-border-l"></div> <div class="post-wrap-border-r"></div> <div node-type="post-wrap-main" class="post-wrap-main"> <div class="post-wrap-border-t"> <div node-type="post-wrap-border-t-l" class="post-wrap-border-t-l"></div> <div node-type="post-wrap-border-t-r" class="post-wrap-border-t-r" style="margin-left: 115px;"></div> </div> <div class="wrap-area-w"> <div class="area-textarea-w"> <textarea name="saytext" id="saytext" placeholder="有事没事说两句…" class="textarea-fw textarea-bf"></textarea> </div> </div> </div> <div class="clear-g wrap-action-w"> <div class="action-function-w"> <ul class="clear-g"> <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> <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;"> <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="看不清楚,点击刷新" /> </ul> </div> <div class="clear-g action-issue-w"> <div class="issue-btn-w"> <a href="javascript:void(0)"> <button node-type="issue" class="btn-fw"></button> </a> </div> </div> </div> </div> </div> <input name="id" type="hidden" id="id" value="[!–id–]" /> <input name="classid" type="hidden" id="classid" value="[!–classid–]" /> <input name="enews" type="hidden" id="enews" value="AddPl" /> <input name="repid" type="hidden" id="repid" value="0" /> <input type="hidden" name="ecmsfrom" value="[!–titleurl–]"> </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> 复制代码 第四步:替换评论JS调用模板 代码如下: <div class="list-block-gw list-newest-w"> <div node-type="cmt-list-title" class="block-title-gw"> <ul class="clear-g"> <li> <div class="title-name-gw title-name-bg"> <div class="title-name-gw-tag"></div>最新评论</div> </li> </ul> </div> <div node-type="cmt-list" id="cy-cmt-list"> [!–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> 复制代码 最后一步:内容页调用(在你要调用的地方直接调用即可) <div class="changyan"> <!–PC版–> <a id="changyan_area"></a> <div id="SOHUCS" sid="11192"><div id="SOHU_MAIN"> [!–temp.pl–] <!– 评论列表 S –> <!– 最新评论 –> <script src="[!–news.url–]e/pl/more/?classid=[!–classid–]&id=[!–id–]&num=10"></script> </div> <!– 评论列表 E –> </div></div> </div> 复制代码 温馨提示:本文最后更新于2022-09-12 11:37:55若文章内容或图片失效,请在下方留言或联系丁塔克。本站资源均为作者提供和网友推荐收集整理而来,仅供学习和研究使用,请在下载后24小时内删除,谢谢合作! © 版权声明 文章来源 DingTook.Com 隐私政策 PrivacyPolicy 用户协议 UseGenerator 许可协议 NC-SA 4.0 本站未注明转载的文章均为原创,并采用 CC BY-NC-SA 4.0 授权协议,转载请注明来源,谢谢! 分享是一种美德,当你分享时请你附带上本文链接。 THE END帝国cms教程 点赞12 分享QQ空间微博QQ好友海报分享复制链接收藏