wordpress站点-顶部导航美化及侧边栏和两栏标题美化

wordpress站点-顶部导航美化及侧边栏和两栏标题美化已关闭评论
16,950 次浏览

A+

注意：本站启用了缓存系统，如果你的账户登陆不了，那是因为缓存导致，刷新再登陆一次即可。如还不行，只需打开任意一篇文章，然后刷新登陆即可。本站独家汉化、原创汉化，所有发布软件均为中文，非汉化或中文软件一律不收录不发布。声明：本站软件可以转载，但严禁二发，违者一经发现永久封号。

wordpress站点-顶部导航美化及侧边栏和两栏标题美化由心语家园（https://www.xinyucn.cc/）独家或原创发布，你可通过右上角“私信本站”联系我们。

欢迎汉化人加入本站，发布汉化作品。如果你有脱壳和去验证能力，网友捐赠将100%归你所有。如果无此能力，网友捐赠将留20%用于支付服务器及域名费用，其他归你所有。

一、知更鸟顶部导航美化

将顶部导航 top-header 位置css修改成以下两种中的其中一种。

1、顶部导航部添加彩色条

#top-header {
background: #e7e7e7 url(https://wx2.sinaimg.cn/large/006VCrUsgy1fjmflwl7rog30ag004dfs.gif ) repeat-x scroll 0 100%;
}

2、顶部导航添加渐变色

#top-header {
background: linear-gradient(-30deg,rgba(255,213,60,.71) 10%,rgba(161,230,243,.78)) no-repeat;
border-bottom: 1px solid #dedede;
}

wordpress站点-顶部导航美化及侧边栏和两栏标题美化

渐变色美化后图

二、侧边栏和两栏标题美化

将侧边栏标题 sidebar h3 位置css修改成以下。

#sidebar h3 {
background: #fff;
height: 37.5px;
line-height: 37.5px;
border-bottom: 1px solid #e2e1e1;
margin: 0 20px 0 20px;
text-align: center;
font-size: 1.8rem;
letter-spacing: 4px;
color: #606777;
}

按照以上css修改后，标题栏位置还多了一个 .title-i ，后台找到 .title-i 将其隐藏。

.title-i {
float: left;
width: 16px;
display: none;
}

将 .title-i 隐藏后，如下效果图。

wordpress站点-顶部导航美化及侧边栏和两栏标题美化

侧边栏标题美化后

然后，如果使用杂志布局的会发现两栏位置前面的标题ICO 也会不见了，下图红圈的位置。

wordpress站点-顶部导航美化及侧边栏和两栏标题美化

两栏标题美化前

然后，将 .cat-box .cat-title a 位置css修改成以下即可。

.cat-box .cat-title a {
float: left;
width: 95%;
margin-left: 20px;
color: #606777;
}

wordpress站点-顶部导航美化及侧边栏和两栏标题美化

两栏标题美化后

经过一番折腾，美化了一些，代码也是在小伙伴站扒的，还扒了一些其他的，不好全部写出来，需要的小伙伴自己扒吧。
本站1元=100家园币，你可以通过签到获得家园币，用来免费捐赠。
最新默认解压密码：Hoejc!xinyucn.cc 其他密码请去公众号。
如果链接丢失或未加，私信本站获取，仅对本站VIP会员开放。

请注意：微信公众号谢绝私信留言，拒绝回复。本站已在多处醒目位置注明，但是仍有网友在微信私信留言，再次声明，微信公众号不引流，不回复。