1

我想在页面顶部创建一个菜单，因为 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>';

    }

但是没有更好的方法吗，我想我错过了这里的链接

4

3 回答 3

1

您需要做的是覆盖 css，以便 a:link、a:hover、a:visited 使用白色，但您需要灰色来代替活动页面。您只需将所有内容都设置为相同，然后将 !important 放在 #active_menu 中作为示例：

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

#active_menu {#CCC !important;}
于 2012-07-24T14:59:03.857 回答
0

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

于 2012-02-20T00:17:08.887 回答
0

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

-- 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

于 2012-02-19T21:34:55.530 回答