用鼠标与指尖
让互联网更加有趣

畅言评论框去版权,自定义CSS按钮,透明化评论框

前言

大家都知道博客领域最好用的评论框插件多说挂了,除了畅言我们只有自主开发和用WordPress原生的评论框,但是自主开发没多大可能性,WordPress原生的又太乏味,所以只有选择用畅言的啦,有个问题大家都懂,就是畅言的评论框比多说还恶心,几乎每个页面都有他家的版权,搞得自己的网站给他家平台推广了,而且还不能自定义css样式的,强迫症的我自己动手了,这是我半年前自己研究的,仅供参考哈,有关问题本作者概不负责。

具体外观:完美畅言评论框去版权,自定义CSS按钮,透明化评论框,请看本博客任意文章下面的评论框。

畅言后台主题样式设置

先在你网站安装畅言插件js代码或者插件,然后在畅言管理后台按照下图设置主题样式。

畅言评论框去版权,自定义CSS按钮,透明化评论框-小伟博客

添加css样式代码

首先查看你评论框页面的畅言js代码的位置,然后把以下代码添加到畅言js代码DIV框架的下面。注意看前面这段话喔!或者看我页面源码添加的位置喔。

post-btn.png是发布评论按钮的常规图片

post-btn1.png是发布评论按钮的热点图片

上面两个按钮图片要么自己动手PS,要么直接下载我的放到自己目录调用,注意修改按钮图片地址喔!

<style>
/* 畅言评论框透明背景,自定义按钮,去版权 mlwei.com */
#SOHUCS #SOHU_MAIN .module-cmt-list .wrap-build-gw .build-floor-gw {
 padding: 4px 4px 6px;
 border: 1px solid #dee4e9;
 background-color: #00c5f200;
 position: relative;
 z-index: 2;
}
#SOHUCS #SOHU_MAIN .module-cmt-box .post-wrap-w .wrap-action-w .action-issue-w .issue-btn-w a .btn-fw {
 width: 102px;
 height: 30px;
 overflow: hidden;
 border: 0;
 padding: 0;
 margin: 0;
 cursor: pointer;
 background-image: url(/wp-content/themes/dux/img/post-btn.png);
 background-repeat: no-repeat;
 background-color: transparent;
}
#SOHUCS #SOHU_MAIN .module-cmt-box .post-wrap-w .wrap-action-w .action-issue-w .issue-btn-w a .btn-fw:hover {
 background-image: url(/wp-content/themes/dux/img/post-btn1.png);
}
#SOHUCS #SOHU_MAIN .module-cmt-box .post-wrap-w .post-wrap-main {
 margin: 0 8px;
 height: 96px;
 border-bottom: 1px solid #4398ed;
 background-image: url();
 background-repeat: no-repeat;
 background-position: center;
}
#SOHUCS #SOHU_MAIN .module-cmt-footer .section-service-w, #SOHUCS #SOHU_MAIN .module-cmt-footer .section-service-w .service-wrap-w, #SOHUCS #SOHU_MAIN .module-cmt-footer .section-service-w .service-wrap-w a{display:none!important;}
</style>

总结

有人说为什么要把上面的css代码添加到下面,为嘛不直接集成到css文件中,这个你得了解浏览器呈现css样式的优先级。html头部css比css文件优先级要高,且底部css比头部css优先级也要高。

如果有什么不懂的,可以直接点击本博客的联系方式找我,看不懂的别找我,看都看不懂我教你有啥用。

本文章仅供参考学习交流,如果涉及到法律问题,请联系本人删除,谢谢!

小伟博客网原创,转载请注明出处:小伟博客网 http://www.mlwei.com

 

支付宝扫码打赏 微信扫码打赏

如果文章对你有帮助,欢迎点击上方按钮打赏作者

未经允许不得转载:小伟博客 » 畅言评论框去版权,自定义CSS按钮,透明化评论框

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

小伟博客 · 给你感兴趣的内容

联系我们官方交流群