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

2019年6月5日00:52:56 发表评论 3,844
论文摘要

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

 

 

代码是什么构建

把底下的编码重复到自的定义样板中就能!

  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. }
 

功能图:

修饰前

变更后

   
若文章图片、下载链接等信息出错,请在评论区留言反馈,博主将第一时间更新!如果喜欢,请打赏支持本站,谢谢大家!
  • 我的QQ
  • QQ扫一扫
  • weinxin
  • 我的微信公众号
  • 微信扫一扫
  • weinxin

撤稿评伦

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