0
点赞
收藏
分享

微信扫一扫

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


摘要

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

一、代码部署 

#把下面的代码复制到外观--自定义--额外CSS里面即可!

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

修改前

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

修改后

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

举报

相关推荐

0 条评论