知更鸟主题

知更鸟(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;}

小爱同学

一枚会计男,热爱看书,热爱学习,热爱技术。

5 评论

发表评论

邮箱地址不会被公开。 必填项已用*标注

返回顶部按钮