Joomla菜单CSS

Question

我想在页面顶部创建一个菜单，因为css中的特定布局，我认为这是使用模板中的以下代码（index.php）执行此操作的解决方案

    $item_active = $menu->getActive();
    for($i = 0; $i >  count($menu_items); $i++){
        $item = $menu_items[$i];            
        if($item_active->id == $item->id)
            echo '<a href="'.$this->baseurl.'/'.$item->route.'"><div id="button_pressed"><div id="button_text">'.$item->title.'</div></div></a>';
        else
            echo '<a href="'.$this->baseurl.'/'.$item->route.'"><div id="button"><div id="button_text">'.$item->title.'</div></div></a>';

    }

但是没有更好的方法，我认为我在这里缺少链接

Answer 1

您要做的是对CSS进行覆盖，以使a：link，a：hover，a：visited使用白色，但活动页面需要使用灰色代替。 您只需做相同的事情，然后在#active_menu中将！important放在后面即可：

#main a:link, #main a:hover, #main a:visited {colour:#FFF;}

#active_menu {#CCC !important;}

Answer 2

我认为一种很好的方法（也是我一直使用的方法）是在链接类中使用三元运算符。

-- inside de <a> tag bt without the spaces in the < a> -- 

< a class="button <?= $item_active->id == $item->id ? : 'button_pressed' : '' ?>" >Hello< /a>

然后将CSS规则添加到.button_pressed

这是一种非常干净的方法。 只要问您是否需要进一步的帮助：D

Answer 3

这不应该在您的模板中。 菜单应该在模块中。 大多数菜单模块都内置了活动突出显示功能。即使核心的Joomla mod_menu也支持活动突出显示功能。