Magento - 管理导航中的自定义CSS

时间:2012-09-27 12:42:29

标签: css magento navigation admin adminhtml

我有一个问题,但尚未设法找到解决方案。我有一个模块。对于此模块,我在Admin顶部导航菜单中有一个条目。我想从这个定制:

enter image description here

到此:

enter image description here

有没有人现在可以解决这个问题?也许一种方法可以将{css类添加到包含文本的<a><span>

谢谢:)

2 个答案:

答案 0 :(得分:1)

没有明确的节点,但可以使用CDATA

<menu>
    <your_module translate="title" module="your_module">
        <title><![CDATA[<span class="custom-class">Checklist</span>]]></title>
    </your_module>
</menu>

有关具体信息,请参阅Mage_Adminhtml_Block_Page_Menu::_buildMenuArray()

但是,你真的想要这样的菜单吗?想象一下,如果每个开发人员都这样做了不添加顶级导航项目通常是好的/礼貌的做法,尤其是图标。值得深思: - )

答案 1 :(得分:0)

似乎在Magento的更高版本中,菜单标题的值被转义,因此即使使用CDATA也不起作用。我见过的一些成功添加图标的模块实际上会重载Mage_Adminhtml_Block_Page_Menu类,以防止这种情况发生。

但是您可以通过在导航菜单中定位网址,使用简单的CSS规则删除图标!

ul#nav .level1 a[href*="url_here"] span {
    background-image: url('../images/logo.png');
    background-position: left 4px;
    background-position-x: 5px;
    background-repeat: no-repeat;
    padding-left: 25px;
    background-size: 14px;
}