begin主题其实有很多优化款式的代码,这里分享一些简单的begin主题美化修正,都是直接在后台主题设置里添加即可,其它有关知更鸟主题的修正在本个人博客搜索主题就能够找到了。
款式美化合集:
1.begin主题顶部菜单栏改为突变背风光
2.begin主题选中文章浮动背景效果
3.begin主题给顶部菜单栏目加颜色背景
4.begin主题面包屑导航栏美化
5.修正begin主题手机菜单款式
6.修正begin主题分享点赞按钮款式
7.修正begin主题评论回复在后面显现博主
begin主题顶部菜单栏改为突变背风光
在后台→主题选项→定制作风→自定义款式添加代码。
代码:
-
.header-top {
background:linear-gradient(-30deg,rgba(255,213,60,.71) 10%,rgba(161,230,243,.78)) no-repeat;
border-bottom:1px solid #dedede;
}
效果:
begin主题选中文章浮动背景效果
在后台→主题选项→定制作风→自定义款式添加代码。
效果:
代码:
-
.entry-more a {
opacity:0
}
.post:hover .entry-more a {
rightright:0;
opacity:1;
}
.post {
transition:all 0.3s ease 0s;
}
.post:hover {
transform:translateY(-3px);
z-index:1;
-webkit-box-shadow:0 15px 32px rgb(175,135,255)!important;
}
begin主题给顶部菜单栏目加颜色背景
在后台→主题选项→定制作风→自定义款式添加代码。
效果:
代码:
-
.top-menu a {display:unset;background:#e33a3a94;color:#fff;padding:2px 8px;border-radius:2px;}
begin主题面包屑导航栏美化
在后台→主题选项→定制作风→自定义款式添加代码。
效果:
代码:
-
.bread {
margin:5px auto;
border:1px solid #ddd;
border-radius:2px;
background-color:#fff;
padding-top:4px;
padding-bottom:4px;
padding-left:10px;
height:auto!important;
margin:5px auto 5px auto!important;
}
begin主题文章标题居中加颜色背景
在后台→主题选项→定制作风→自定义款式添加代码。
效果:
代码:
-
.entry-header h1 {
text-align:center;
background-color:#ced6e0;
}
修正begin主题手机菜单款式
在后台→主题选项→定制作风→自定义款式添加代码。
效果:
代码:
-
/*修正begin主题手机菜单*/
i.be.be-menu {
display: none;
}
.bars:after,.nav-mobile:after {
content:”导航”;
background:#7ea0f0;
color:#fff;
padding:1px 3px;
border-radius:2px;
}
@media only screen and (max-width:1025px) {
.nav-search:after {
content:”搜索”;
background:#7ea0f0;
color:#fff;
padding:2px 3px;
border-radius:2px;
}
修正begin主题分享点赞按钮款式
在后台→主题选项→定制作风→自定义款式添加代码。
效果:
代码:
-
.sharing-box .zmy-btn-beshare {
border-radius: 5px!important;
}
修正begin主题评论回复在后面显现博主
在后台→主题选项→定制作风→自定义款式添加代码。
效果:
代码:
-
.comment-author .author-admin i:after {
content: “博主”;
}
span.author-mark.author-admin {
background: #7ea0f0;
color: #fff;
padding: 1px 3px;
border-radius: 2px;
}
感谢您的来访,获取更多精彩文章请收藏本站。
![](https://www.gyzsq.com/wp-content/uploads/2022/07/9259adea4619.gif)
© 版权声明
本站网络名称:
孤勇者社区
本站永久网址:
https://www.gyzsq.com
网站侵权说明:
本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长QQ324470778删除处理。
1 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
2 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
3 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
1 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
2 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
3 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
THE END
喜欢就支持一下吧
相关推荐
评论 抢沙发
![头像](/wp-content/themes/zibll/img/avatar-default.png)
欢迎您留下宝贵的见解!