知更鸟Begin主题侧边栏关于本站 微信 QQ 微博 订阅按钮底色美化

2019年6月5日00:52:56 发表评论 4,738
摘要

使用知更鸟Begin主题的博友们会发现，小工具“关于本站”中：微信、QQ、微博和订阅4个按钮是灰白色的，很不显眼，所以今天分享一下修改这4个按钮底色的美化教程。

 

知更鸟Begin主题侧边栏关于本站 微信 QQ 微博 订阅按钮底色美化

 

代码部署

把下面的代码复制到自定义样式里面即可！

  1. #feed_widget a {
  2. color: #999;
  3. width: 40px;
  4. display: block;
  5. text-align: center;
  6. height: 40px;
  7. line-height: 34px;
  8. margin: 0 auto;
  9. border-radius: 20px;
  10. border: 1px solid #ddd;
  11. }
  12. #feed_widget .feed a {
  13. color: #d28300;
  14. border: 1px solid #d28300
  15. }
  16. #feed_widget .feed a:hover {
  17. background: #d28300;
  18. color: #fff !important;
  19. border: 1px solid #d28300
  20. }
  21. #feed_widget .weixin a {
  22. color: #248a34;
  23. border: 1px solid #248a34;
  24. }
  25. #feed_widget .weixin a:hover {
  26. background: #248a34;
  27. color: #fff! important;
  28. border: 1px solid #248a34
  29. }
  30. #feed_widget .tsina a {
  31. color: #c40000;
  32. border: 1px solid #c40000
  33. }
  34. #feed_widget .tsina a:hover {
  35. background: #c40000;
  36. color: #fff !important;
  37. border: 1px solid #c40000
  38. }
  39. #feed_widget .tqq a {
  40. color: #4e91d1;
  41. border: 1px solid #4e91d1
  42. }
  43. #feed_widget .tqq a:hover {
  44. background: #4e91d1;
  45. color: #fff !important;
  46. border: 1px solid #4e91d1
  47. }

 

效果图：

修改前

知更鸟Begin主题侧边栏关于本站 微信 QQ 微博 订阅按钮底色美化

修改后

知更鸟Begin主题侧边栏关于本站 微信 QQ 微博 订阅按钮底色美化

 

 

若文章图片、下载链接等信息出错，请在评论区留言反馈，博主将第一时间更新！如果喜欢，请打赏支持本站，谢谢大家！

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: