zblog 2.1突出当前分类导航栏目高亮显示

zblog 2.1突出当前分类导航栏目高亮显示

zblog是一个简单易用的博客建站程序,但在使用过程中经常会遇到一些问题。其中一个问题就是在当前分类导航栏目高亮显示,这个问题在zblog2.1版本之前并不好处理,但zblog2.1版本提供了一个简单的方法来解决这个问题。下面我们来详细了解一下。

1. 修改模板文件

第一步,我们需要修改模板文件。在模板文件的header.php文件中找到导航栏目的代码,通常是以下代码:

<?php
    $type = 'category';
    $where = null;
    $order = null;
    $limit = null;
    $option = null;
    $active_id = null;
    $level = null;
    zbp->LoadModules('navbar', null, $option, $type, $where, $order, $limit, $active_id, $level);
?>

在这段代码中,我们需要将$active_id设为当前分类的ID。在zblog2.1版本中,我们可以通过以下代码来实现:

$active_id = $zbp->category->ID;

将这段代码插入到原先的代码段中相应的位置即可。

2. 修改CSS样式

第二步,我们需要修改CSS样式。在样式文件style.css中查找.navbar li.selected a,这是导航栏当前栏目的样式。我们可以将其修改为:

.navbar li.current-menu-item a {
    background-color: #f8f8f8;
    color: #333;
    font-weight: bold;
    padding: .6180469716em .8096713326em;
}

这样就可以将当前分类导航栏目高亮显示。

3. 结语

以上两步就是zblog 2.1突出当前分类导航栏目高亮显示的全部方法,如果你有其他的解决方法,欢迎在评论区留言。

晓白博客网版权所有,原文地址https://www.xbnb.cn/4905
© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    请登录后查看评论内容