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

  • wordpress站点-顶部导航美化及侧边栏和两栏标题美化已关闭评论
  • 375 视图
  • A+
所属分类:WordPress插件

心语家园 https://www.xinyucn.cc/ 为非盈利网站,纯公益性质,所有软件和插件均免费下载。象征性收取的少许费用,完全是为了维持网站运营,支付服务器费用。且收费有助于防止采集和拷贝。由于有些软件主题插件升级频繁,导致汉化不完全,如果你购买后发现此问题,可通过网站顶部“私信本站”反馈,我们将尽快完善汉化。

正文开始:

一、知更鸟顶部导航美化

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

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

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

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

彩色条美化后图

2、顶部导航添加渐变色

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

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

渐变色美化后图

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

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

  1. #sidebar h3 {
  2.     background#fff;
  3.     height: 37.5px;
  4.     line-height: 37.5px;
  5.     border-bottom1px solid #e2e1e1;
  6.     margin: 0 20px 0 20px;
  7.     text-aligncenter;
  8.     font-size: 1.8rem;
  9.     letter-spacing4px;
  10.     color#606777;
  11. }

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

  1. .title-i {
  2.     floatleft;
  3.     width16px;
  4.     displaynone;
  5. }

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

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

侧边栏标题美化后

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

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

两栏标题美化前

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

  1. .cat-box .cat-title a {
  2.     floatleft;
  3.     width: 95%;
  4.     margin-left20px;
  5.     color#606777;
  6. }

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

两栏标题美化后


经过一番折腾,美化了一些,代码也是在小伙伴站扒的,还扒了一些其他的,不好全部写出来,需要的小伙伴自己扒吧。

本站所有发布资源均支持繁体中文,但因繁体中文用户量太少,大部分资源你需要申请汉化才能提供。从2021年1月1日开始,本站所有资源必须注册登陆后才能下载,全部免费。10家园币=1元人民币。如果你不想花钱,可以通过每天登陆、签到或邀请注册等方式免费获得家园币。
weinxin
官方微信公众号
扫一扫关注微信公众号,如果你觉得本站帮到了你,请通过下面的赏字按钮捐赠本站,谢谢!