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 так, чтобы: link, a: hover, a: посещения использовали белый цвет, но вместо активной серой вам нужна активная страница.Вы просто делаете все то же самое и помещаете! Важный за этим в #active_menu как пример:

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

#active_menu {#CCC !important;}

Answer 2

Это не должно быть в вашем шаблоне. Меню должно быть в модуле. Большинство модулей меню имеют встроенную активную подсветку. Даже ядро ​​Joomla mod_menu поддерживает активную подсветку.

Answer 3

Я думаю, что хороший способ, и я всегда его использую, это использовать троичный оператор внутри класса ссылок.

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

Это очень чистый способ сделать это. Просто спросите, не хотите ли вы помочь