WordPress知更鸟主题样式美化各种代码整理

WordPress知更鸟主题样式美化合集整理持续收集中

文章源自百科情报站-https://www.bkqbz.com/1886.html

/** 网站圆角样式美化 **/
#slider img,.single-tag li a,#slider img,.cat-box, .cat-title,.fadeInUp,#sidebar h3,.cat-grid-title, .cat-square-title,.nbs-flexisel-container,img,h1, h2, h3, h4, h5, h6,a，.nav-menu, .nav-menu *,.type-cat a, .child-cat a,.link-all a {border-radius: 8px }

/** 网站底部彩条美化 **/ 
#footer-widget-box { background: #555 url(/wp-content/uploads/2022/05/dibucaitiao.gif) repeat-x scroll 0 100%; }

知更鸟Begin主题侧边栏关于本站 微信 QQ 微博 订阅按钮底色美化文章源自百科情报站-https://www.bkqbz.com/1886.html

/**知更鸟Begin主题侧边栏关于本站 微信 QQ 微博 订阅按钮底色美化**/
#feed_widget a {
color: #999;
width: 40px;
display: block;
text-align: center;
height: 40px;
line-height: 34px;
margin: 0 auto;
border-radius: 20px;
border: 1px solid #ddd;
}
#feed_widget .feed a {
color: #d28300;
border: 1px solid #d28300
}
#feed_widget .feed a:hover {
background: #d28300;
color: #fff !important;
border: 1px solid #d28300
}
#feed_widget .weixin a {
color: #248a34;
border: 1px solid #248a34;
}
#feed_widget .weixin a:hover {
background: #248a34;
color: #fff! important;
border: 1px solid #248a34
}
#feed_widget .tsina a {
color: #c40000;
border: 1px solid #c40000
}
#feed_widget .tsina a:hover {
background: #c40000;
color: #fff !important;
border: 1px solid #c40000
}
#feed_widget .tqq a {
color: #4e91d1;
border: 1px solid #4e91d1
}
#feed_widget .tqq a:hover {
background: #4e91d1;
color: #fff !important;
border: 1px solid #4e91d1
}

 文章源自百科情报站-https://www.bkqbz.com/1886.html

/*回复底部背景色*/
.at, .at a {
color: #fff;
font-size: 13px;
margin-right: 5px;
padding: 1px 5px;
background: #1abc9c;
border-radius: 3px;
}

/*评论框加入背景图*/
#comment {
background-image:url(/wp-content/uploads/2022/05/piglun.png);
background-repeat:no-repeat;
background-position:center center;
}

 文章源自百科情报站-https://www.bkqbz.com/1886.html

/*面包屑导航栏美化*/
.bread {

margin: 10px auto;
border: 1px solid #ddd;
border-radius: 2px;
background-color: #fff;
padding-bottom: 4px;
padding-left: 10px;
}

 文章源自百科情报站-https://www.bkqbz.com/1886.html

/*强制文章中图片居中显示*/
.single-content p img{margin: 0 auto;}

/**网站变灰哀悼代码**/
html {
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%);
}

/*begin主题顶部菜单栏改为渐变背景色*/
.header-top {
background:linear-gradient(3deg,rgb(237 176 176) 10%,rgb(161 230 243)) no-repeat;
border-bottom:1px solid #dedede;
}

 文章源自百科情报站-https://www.bkqbz.com/1886.html

二级菜单动画：文章源自百科情报站-https://www.bkqbz.com/1886.html

#site-nav .sub-menu, .top-menu ul {
	animation-name: avatar;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
}

复制提示框(最新版本的主题已经继承了这个功能)文章源自百科情报站-https://www.bkqbz.com/1886.html

//复制提示框
function zm_copyright_tips() {
echo '<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.css" target="_blank" rel="external nofollow" >';
echo '<script src="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.js"></script>';
echo '<script>document.body.oncopy = function() { swal("复制成功！", "转载请务必保留原文链接，申明来源，谢谢合作！！","success");};</script>';
}
add_action( 'wp_footer', 'zm_copyright_tips', 100 );