A+

修改知更鸟主题的TAB组合小工具

2019年03月12日 网络资讯 抢沙发 306次浏览

最近购买了知更鸟的begin主题,说实话物有所值,这个主题非常漂亮,后台功能也非常强大,基本上算是该有的功能都有吧,网上也有盗版的,但盗版的begin主题最好是不要用,不能在线更新主题不说,而且会有各种各样的小问题。

这篇文章我们来说说知更鸟官方的TAB组合小工具吧,用过知更鸟主题的人如果细心的话都能观察到官方的TAB组合只有三栏菜单,而我们购买的主题却有四栏。

在后台的小工具里把菜单栏【留言】的勾选去掉之后确实变成了三栏,但是会留下空白区域,也就是说从四栏变成三栏之后会多出空白区域,无法对齐显示。

至于这个问题我首先想到的是修改代码一定是可以解决的,至于修改哪一块的代码我找了很久都没有找到,后来我在不懈的努力下最终还是找到了修改的方法。

打开知更鸟主题根目录下的style.css文件,注意:一定要把这个文件下载到本地进行修改,后台修改不了的。

用记事本打开style.css文件,在菜单栏【编辑】里找到【查找】菜单并单击。

在跳出的查找窗口中输入 .zm-tabs-nav a 点击向下查找。

找到下文的一段代码:

  1. .zm-tabs-nav a{
  2.     background:#f8f8f8;
  3.     float:left;
  4.     color:#999;
  5.     text-align:center;
  6.     width:25%;
  7.     border-right:1px solid #ddd
  8.     }
  9. .zm-tabs-nav .be{
  10.     color:#999
  11.     }

替换成以下的代码:

  1. .zm-tabs-nav a{
  2.     background:#f8f8f8;
  3.     float:left;
  4.     color:#999;
  5.     text-align:center;
  6.     width:33.333333333333333%;
  7.     border-right:1px solid #ddd
  8.     }
  9. .zm-tabs-nav .be{
  10.     color:#999
  11.     }

保存记事本,并把style.css文件上传到知更鸟主题的根目录。

接下来进入后台,在左侧菜单中找到【外观】【小工具】,找到你已经添加的TAB组合小工具,把我画圈的那两个勾选去掉,保存即可。

最后刷新自己的博客看看效果,注意:如果刷新了博客显示的还是四栏菜单,请把你当前在用的浏览器清除以下缓存再试试。

  • 本文为原创文章,版权归所有。欢迎分享本文,转载请保留出处!
  • 给我留言