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

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

  具体样式效果如下图:

1.jpg

  下面简单的说下安装的步骤(压缩包里面也有安装文档,可以自行查看):

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

  第二步:内容页添加

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

  第三步:替换评论表单:

  代码如下:

<div>
   
    <div class="clear-g section-title-w">
        <div>
            <div node-type="user" class="clear-g user-wrap-w user-login">
                <span node-type="user-name">来一发:</span>
            </div>
        </div>
    </div>
    <div>
        <div class="cbox-block-w clear-g">
            <div node-type="block-head-w" class="block-head-w block-head-login">
                <div node-type="avatar">
                    <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"></div>
                    </a>
                   
                                    </div>
 
            </div>
            <div node-type="login-select">
<!-- 放置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>
    <!-- 展开状态 -->
    <div>
        <div></div>
        <div></div>
        <div node-type="post-wrap-main">
            <div>
                <div node-type="post-wrap-border-t-l"></div>
                <div node-type="post-wrap-border-t-r" "margin-left: 115px;"></div>
            </div>
            <div>
                <div>
            <textarea name="saytext" id="saytext" placeholder="有事没事说两句..." class="textarea-fw textarea-bf"></textarea>
                </div>
            </div>
        </div>
        <div class="clear-g wrap-action-w">
           <div>
    <ul>
           <input name="nomember" type="checkbox" id="nomember" value="1" checked="checked" " width: 18px;height: 18px;"/><span "padding-left: 4px;padding-right: 10px;">匿名评论</span>
<input name="key" placeholder="请输入验证码" type="text" size="10" "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" "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>
                    <a href="javascript:void(0)">
                        <button node-type="issue"></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>
                </div>
               
            </div>
        </div>
    </div>
</div>
<div node-type="module-cmt-list" class="module-cmt-list section-list-w">
   
    <div>
        <ul class="clear-g type-lists">
                <li class="type-list active">评论</li>
        </ul>
        <div></div>
        <div>
            <span><span><script type="text/javascript" src="[!--news.url--]e/public/ViewClick/?classid=[!--classid--]&id=[!--id--]&down=2"></script></span>人参与,<span><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">
            <ul>
                <li>
                    <div class="title-name-gw title-name-bg">
                    <div></div>最新评论</div>
                </li>
            </ul>
        </div>
        <div node-type="cmt-list" id="cy-cmt-list">
                    
 
[!--empirenews.listtemp--]
<div class="clear-g block-cont-gw">
    <div>
        <div>
            <a node-type="photo">
                <div></div>
                <img src="[!--news.url--]skin/cy/images/noavatar.gif" width="42" height="42">
            </a>
        </div>
    </div>
    <div>
        <div>
            <div class="wrap-user-gw global-clear-spacing">
                                <span>[!--pltime--]</span>
                <span node-type="nickname"><a>[!--username--]</a></span>
                               
                <span>[<i>ip:</i>[!--plip--]]</span>
                            </div>
           
           
            <div>
                <p><span>[!--pltext--]</span></p>
                <div>
                    <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></i>
                    <span node-type="support">
                       <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--]">[!--zcnum--]</em></a>
                    </span>
                    <i></i>
                    <span node-type="oppose">
                       <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--]">[!--fdnum--]</em></a>
                    </span>
                <i></i><span><span><a></a></span></span></div>
               
            </div>
                    </div>
    </div>
</div>
[!--empirenews.listtemp--]
 
</div>
</div>

  最后一步:内容页调用(在你要调用的地方直接调用即可)

<div>
                                <!--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>


【免责声明】:

本站所发布的一切资源仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。

【关于转载】:

本人玩采十年,专研各类采计划

【附】:

二○○二年一月一日《计算机软件保护条例》第十七条规定:为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬!鉴于此,也希望大家按此说明研究软件!

注:本站《整站源码》《Discuz插件》栏目中所有资源均来自网络转载,版权归原作者和公司所有,如果有侵犯到您的权益,请第一时间联系我们处理!

-----------------------------------------------------------------------------------------------------------

【版权声明】:

一、本站致力于为软件爱好者提供国内外软件开发技术和软件共享,着力为用户提供优资资源。
二、本站提供的部分源码下载文件为网络共享资源,请于下载后的24小时内删除。如需体验更多乐趣,还请支持正版。
三、我站提供用户下载的所有内容均转自互联网。如有内容侵犯您的版权或其他利益的,请编辑邮件并加以说明发送到站长邮箱。站长会进行审查之后,情况属实的会在三个工作日内为您删除。
-----------------------------------------------------------------------------------------------------------


帝国CMS模板网 » 帝国cms仿畅言简约版响应式评论插件

1 评论

  1. 99kiss

    啦啦啦啦啦啦啦啦绿绿绿

发表评论

您需要后才能发表评论

专注帝国CMS模板开发、建站、一站式服务平台

查看演示 联系站长