磁云互联

标题: 手游网站添加留言功能（附带美化代码） [打印本页]
作者: 磁铁网络    时间: 2021-9-10 22:22
标题: 手游网站添加留言功能（附带美化代码）
我们的手游建站系统默认是不带留言功能的
如果对留言功能有要求的用户，可以使用第三方的（畅言）的留言评论功能

安装步骤如下：
1·登录畅言官方网站 http://changyan.kuaizhan.com
获取属于自己的第三方功能代码
(, 下载次数: 239)

pc版代码：
  1. <!--PC版-->
  2. <div id="SOHUCS" sid="[news:id]"></div>
  3. <script charset="utf-8" type="text/javascript" src="https://cy-cdn.kuaizhan.com/upload/changyan.js" ></script>
  4. <script type="text/javascript">
  5. window.changyan.api.config({
  6. appid: '属于你自己的ip',
  7. conf: '属于你自己的ip钥匙'
  8. });
  9. </script>
复制代码
wap版代码：
  1. <!--WAP版-->
  2. <div id="SOHUCS" sid="[news:id]" ></div>
  3. <script id="changyan_mobile_js" charset="utf-8" type="text/javascript"
  4. src="https://cy-cdn.kuaizhan.com/upload/mobile/wap-js/changyan_mobile.js?client_id=属于你自己的ip号&conf=属于你自己的ip钥匙">
  5. </script>
复制代码
将ip号和ip钥匙更换为你自己的

2·将编辑好的第三方代码添加到网站对应的位置
登录后台-模板编辑-分别电脑版和手机版的 album.html （游戏下载页）
在对应的位置添加上方的代码即可

评论代码美化：
直接添加以上代码，网站会出现畅言官方的广告
接下来我为大家直接提供畅言广告屏蔽及美化代码
pc版美化代码：
  1. #feedAv{ margin-top: -250px!important;transform: scale(0);}
  2. .module-cmt-box{padding:10px 16px!important;}
  3. .header-login{left: 746px!important;border: 0!important;border-radius: 0!important;}
  4. .post-wrap-border-t-r,.post-wrap-border-t-l,.post-wrap-border-r,.post-wrap-border-l{display:none;}
  5. .post-wrap-main{border:0!important;}
  6. .post-wrap-w{background:#f0f0f0;border-radius:5px;box-shadow: 0 2px 6px rgba(0,0,0,.2)}
  7. .btn-fw{background:#5fb878 url(https://static.krnet.cc/skin/images/release.svg)center no-repeat !important;width:60px !important; height:60px !important;border-radius:70px;important;margin-top:-5px!important;margin-right:40px!important;background-size:30px !important;box-shadow: 0 2px 6px rgba(0,0,0,.2);-webkit-transition:.3s;transition:.3s}
  8. .btn-fw:hover{box-shadow: 0 6px 10px rgba(0,0,0,.2);}
  9. .block-head-w{margin-top:-20px !important;}
  10. .section-service-w{height: 0px;opacity: 0;}
  11. .head-img-w{margin:0px 0 0 0 !important;}
  12. .head-img-w img{width:50px !important;height:50px !important;}
  13. .head-img-w{top:115px!important;left:-0px!important;}
  14. .wrap-action-gw{border-bottom:1px solid #dee4e9 !important;padding-top:30px!important;}
  15. .wrap-action-gw span,.wrap-action-gw i,.type-lists,.cmt-list-number,.title-name-gw-tag,.wrap-name-w{display:none!important;}
  16. .cmt-list-type{margin:0!important;}
  17. .build-floor-gw{background:#f0f0f0 !important}
  18. .block-cont-gw{padding:20px 0 !important;border:0 !important;}
  19. .section-list-w{width:95%!important;margin-left:2%!important;}
复制代码


wap版美化代码：
  1. #feedAv{ margin-top: -250px!important;transform: scale(0);}
  2. .module-cmt-box{padding:10px 16px!important;}
  3. .header-login{visibility:hidden!important;border: 0!important;border-radius: 0!important;}
  4. .post-wrap-border-t-r,.post-wrap-border-t-l,.post-wrap-border-r,.post-wrap-border-l{display:none;}
  5. .post-wrap-main{border:0!important;}
  6. .post-wrap-w{background:#f0f0f0;border-radius:5px;box-shadow: 0 2px 6px rgba(0,0,0,.2)}
  7. .btn-fw{background:#5fb878 url(https://static.krnet.cc/skin/images/release.svg)center no-repeat !important;width:60px !important; height:60px !important;border-radius:70px;important;margin-top:-5px!important;margin-right:40px!important;background-size:30px !important;box-shadow: 0 2px 6px rgba(0,0,0,.2);-webkit-transition:.3s;transition:.3s}
  8. .btn-fw:hover{box-shadow: 0 6px 10px rgba(0,0,0,.2);}
  9. .block-head-w{margin-top:-70px !important;}
  10. .section-service-w{height: 0px;opacity: 0;}
  11. .head-img-w{margin:0px 0 0 0 !important;}
  12. .head-img-w img{width:50px !important;height:50px !important;}
  13. .head-img-w{top:115px!important;left:-0px!important;}
  14. .wrap-action-gw{border-bottom:1px solid #dee4e9 !important;padding-top:30px!important;}
  15. .wrap-action-gw span,.wrap-action-gw i,.type-lists,.cmt-list-number,.title-name-gw-tag,.wrap-name-w{display:none!important;}
  16. .cmt-list-type{margin:0!important;}
  17. .build-floor-gw{background:#f0f0f0 !important}
  18. .block-cont-gw{padding:20px 0 !important;border:0 !important;}
  19. .section-list-w{width:95%!important;margin-left:2%!important;}
复制代码

将美化代码添加到 </head> 上方即可

最后··记得保存，然后等几分钟 畅言代码生效即可

作者: jackalwolf    时间: 2021-10-21 22:25
学习了！！！！
作者: 誓约之剑    时间: 2021-12-1 22:28
看帖子的要发表下看法
作者: wyo315    时间: 2021-12-3 23:02
好像还不错！
作者: wyo315    时间: 2021-12-5 23:36
顶起  很好的帖
作者: 270212363    时间: 2021-12-6 10:51
这个不错，谢谢共享
作者: ttyn727    时间: 2021-12-6 22:05
我表示压力很大
作者: 6363    时间: 2021-12-7 03:43
非常不错，感谢分享！
作者: vpbiqva    时间: 2021-12-7 09:21
前来围观，LZ好样的！
作者: spiegesq    时间: 2021-12-7 17:33
支持！！！！！！
作者: pili3761    时间: 2021-12-8 01:46
抢楼了，前排第一次啊
作者: jeff963    时间: 2021-12-8 12:03
谢谢楼主的辛苦分享
作者: ADUPREce    时间: 2021-12-8 22:21
很不错的哦，支持，加油



欢迎光临 磁云互联 (https://xoooi.com/) Powered by Discuz! X3.4