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

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

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

你必须做的是覆盖CSS，使得：link，a：hover，a：visited使用的是白色，但您需要灰色，而不是活动页面。你刚才做什么一样，把重要落后于#active_menu为例：

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

#active_menu {#CCC !important;}