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

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

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

 

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

 

代码部署

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

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