首页 > 其他分享 >知更鸟Begin主题侧边栏关于本站:微信、QQ、微博、订阅按钮底色美化

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

时间:2022-12-30 16:02:52浏览次数:46  
标签:QQ feed Begin color widget 知更鸟 solid 1px border


摘要

使用知更鸟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

标签:QQ,feed,Begin,color,widget,知更鸟,solid,1px,border
From: https://blog.51cto.com/u_12018693/5980583

相关文章

  • qq相册的照片怎么批量保存到电脑
    本文转载自:qq相册的照片怎么批量保存到电脑_qq相册的照片一键导出到电脑的方法-系统城(xitongcheng.com)电脑端:1.新建一个qq群后,点击相册,点击上传照片;2.点击......
  • manjaro安装微信和QQ
    在使用 yay-Sdeepin-wine-wechat过程中出现缺少依赖!deepin-udis86系统找不到这个包!下边是下载链接:https://github.com/JohnMasoner/deepin-udis86该网页又如何安装的......
  • The CBO and Indexes: An Introduction (Absolute Beginners)
    OneofthemorecommonquestionsIgetaskedandoneofthemostcommonquestionsaskedinthevariousOraclerelatedforumsisthegeneralquestionofwhydoes......
  • 【c#】从外部复制文本、图片到我的软件中的解决方案(支持ppt,qq等)
    原文地址https://www.cnblogs.com/younShieh/p/17010572.html❤如果本文对你有所帮助,不妨点个关注和推荐呀,这是对笔者最大的支持~❤    我们先考虑一般会从什么地......
  • AtCoder Beginner Contest 239总结
    由于比赛延期了一个星期,今天才打,恰巧我记错了时间,本来是8:00,我记成9:00,然后·········幸运的是我还是把前四题做出来了(intwentyminutes),由于时间问题,我......
  • Atcoder Beginner Contest 244总结
    这次的Rating凉了………………这次出乎T3意料的考了交互题,虽然很简单,但卡了我好久……T4考了一个神奇的东西,我用骗分大法水了过去……一看排名发现有快3000人得了1000分......
  • Atcoder Beginner Contest 242
    由于我8点半才下课,我只好晚半个小时再打,这次还行,排名3042五道题,秒了前三道,第四道不会,第五道想出正解,结果一直不对,比完后看了一下大佬的代码恍然大悟,但是比赛早已结束...........
  • Spring Security 实战:QQ登录实现
     准备工作1、在 ​​​QQ互联​​​ 申请成为开发者,并创建应用,得到APPID和APPKey。2、了解QQ登录时的 ​​​网站应用接入流程​​​。(必须看完看懂)为了方便各位测......
  • AtCoder Beginner Contest 283
    《E-Don'tIsolateElements》dp   刚开始拿到这道题时,我总是在想:第一行翻不翻转对下面情况的影响,在什么情况下要反转,等一系列情况最后我发现:这些情况不如我可......
  • 在QQ音乐巅峰榜年度榜单中,听懂国人2022年的音乐记忆!
    拐左为夏,拐右为冬,时至年末,各类形式的年终报告层出不穷。2022年,是特殊的一年,音乐作为不可或缺的一部分,也陪伴广大用户走过了日日夜夜。一首首歌曲拨动着心弦、同时也承载着回......