如果你是使用的本站的主题会发现在帖子内页已经集成显示点赞,收藏数量
美化后
那么在默认的点赞收藏插件也会显示点赞收藏数量,这样就不太美观整体,下面就教大家怎么美化这两个按钮。当然不是用本站主题的也可以这样修改。
修改教程-点赞按钮
因为是两个不同的插件,我们先修改点赞按钮。
找到文件plugin\haya_post_like\hook\thread_plugin_body.htm 把下面这段代码加入到文件中。或者自定义样式也可以。
<style>
.dz{color:#FF4542;border-color:#FF4542;}
.dz:hover{background:#FFE6D9;color:#FF4542;border-color:#FF4542;}
.dz:not(:disabled):not(.disabled):active,
.dz:not(:disabled):not(.disabled).active,
.show > .dz.dropdown-toggle:focus:active{background:#FFE6D9;color:#FF4542;border-color:#FF4542;}
</style>
像这样:
然后再把类名“dz”加入到以<button...开头的类名里面。共有两处。(类名可自定义。需要跟上面的CSS类名一致。)
如果需要删除点赞数量可以删除大概第34-36行,最后一个以<button...开头的的标签内容。
修改教程-收藏按钮
接下来再修改收藏按钮。方法跟上面的点赞按钮教程差不多。
找到plugin\haya_favorite\hook\thread_plugin_body.htm 把下列代码添加到原有的<style>标签里面。或者自定义样式也可以。
.sc{color:#FFA70F;border-color:#FFA70F;}
.sc:hover{background:#FFF4CF;color:#FFA70F;border-color:#FFA70F;}
.sc:not(:disabled):not(.disabled):active, .sc:not(:disabled):not(.disabled).active,
.show > .sc.dropdown-toggle:focus:active{background:#FFF4CF;color:#FF4542;border-color:#FFA70F;}
像这样
然后把类名“sc”添加到以<button...开头的那一行里面。共两处(类名可自定义,需要跟上面的CSS类名一致。)
删除显示数量把大概40-42行最后一个以<button...开头的标签删除。
下载
不想修改的话直接下载我修改好的替换掉对应插件路径原文件。
第一个文件是点赞插件替换文件。
第二个文件是收藏插件替换文件。