知更鸟主题
知更鸟(begin)主题美化代码
知更鸟主题没有子主题,所以想美化,只能自己动手,本人分享一下本网站如此开发美化的代码,希望大家能够喜欢。
打开知更鸟主题设置——定制风格,然后在自定义样式中输入以下代码,然后保存即可。
[reply]/*顶部菜单背景色*/ .header-top {background: #ffffff} /*缩略图添加圆角和背影特效*/ .thumbnail { border-radius: 6px; } .t-mark{background: #ff5e52} .cat-top h2:before, .sticky h2:before { content: "推荐"; font-size: 14px; color: #fff; background: #ff5e52; margin: 0 5px 0 0; padding: 1px 5px; border-radius: 2px; } .menu-item svg { width: 1.2em; height: 1.2em; vertical-align: -0.27em; margin-right: 0.2em; } .footer-nav slidingnav headroom--not-top headroom--not-bottom footerUp { border-top: 1px solid #eee; display: none; padding: 8px 0; background: #fff; position: fixed; bottom: 0; width: 100%; z-index: 999999; } #sidebar h3, #sidebar-l h3, .cat-w-icon { background: #ffffff;[/reply]
实际的效果如下图
2020年12月6日更新
调整了首页置顶文章的背景色、文字信息,代码如下:
.cat-top h2:before, .sticky h2:before { content: "置顶"; font-size: 14px; color: #fff; background: linear-gradient(125deg,#f5ff07 0,#ff1841 100%)!important;box-shadow:4px 3px 10px #ffc1072e!important;transition:transform .1s!important;color:#fff!important;border:0!important;align-items:center;justify-content:center;text-align:center;line-height:30px;}
看看
v看不出来哪里美化了呀!!
看看
看不出来哪里美化了呀!!
边框颜色,图片圆角