点赞、收藏按钮美化修改教程
xiunoa 2020-7-9


如果你是使用的本站的主题会发现在帖子内页已经集成显示点赞,收藏数量

美化后

那么在默认的点赞收藏插件也会显示点赞收藏数量,这样就不太美观整体,下面就教大家怎么美化这两个按钮。当然不是用本站主题的也可以这样修改。

修改教程-点赞按钮

因为是两个不同的插件,我们先修改点赞按钮。

找到文件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...开头的标签删除。

下载

不想修改的话直接下载我修改好的替换掉对应插件路径原文件。

第一个文件是点赞插件替换文件。

第二个文件是收藏插件替换文件。


上传的附件:
最新回复 (14)
全部楼主
  • 天无神话 版主
    2020-9-7 2
    0
    多谢教程
  • ziyouxiaowangzi
    2020-10-22 3
    0
    看看
  • 黄神仙
    2021-11-13 4
    0
    感谢楼主ing!!!
  • 1000
    2021-12-31 5
    0
    沙发我没有,板凳我没有,板也没有,只好站在后面排队支持! 
  • 1000
    2021-12-31 6
    0
    感谢楼主ing!!!
  • Mrlin
    2022-3-8 7
    0
    楼主,你写得实在是太好了。我惟一能做的,就只有把这个帖子顶上去这件事了。 
  • Haotian0821
    2022-4-4 8
    0
    我要拿出这帖子奉献给世人赏阅,我要把这个帖子一直往上顶,往上顶!顶到所有人都看到为止! 
  • 430135421
    2022-9-13 9
    0
    哈哈,不错哦!
  • TangDo158
    2022-9-21 10
    0
    沙发我没有,板凳我没有,板也没有,只好站在后面排队支持! 
  • zunyinet
    8月前 11
    0
    沙发我没有,板凳我没有,板也没有,只好站在后面排队支持! 
  • aixiu
    7月前 12
    0
    图片都不显示了,看不到效果。
  • sgujag
    7月前 13
    0
    楼主,我只是来混个熟的!老板,侬亿雷凑闹嫩了!
  • beifox
    7月前 14
    0
    顶顶顶顶顶顶顶!!!
  • yuanziyu
    7月前 15
    0
    楼主,你写得实在是太好了。我惟一能做的,就只有把这个帖子顶上去这件事了。 
返回