• 域名认证
  • 作品:145
  • 案例:18|
  • 教程:207|
  • 资讯:31|
  • 资源:149|
  • 总访问量:88727|

导航菜单
酷讯网络工作室欢迎你.
帝国cms仿畅言简约版响应式评论插件

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

浏览次数:

作者: 淡淡的风

信息来源: 酷讯网络

更新日期: 2019-01-04 14:51:04

文章简介

第一步:将cy文件复制到根目录的skin/文件夹下第二步:内容页添加<link type="text/css" rel="stylesheet" href="[!--news.url--]skin/cy/css/chanyan.css"/> 第三步:替换评论表

  • 正文开始

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

第二步:内容页添加

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

 ed4bd84423ac9024a9f19f2fec9e2bec.png

第三步:替换评论表单:


代码如下:

<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" style="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" 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" 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>

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

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


收藏此文 ( ) 感觉不错,赞哦! 打赏本站

如果本文对你有所帮助请打赏本站

  • 打赏方法如下:
  • 支付宝打赏
    支付宝扫描打赏
    微信打赏
    微信扫描打赏

精彩评论