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

【问题标题】：Magento - Custom CSS in Admin NavigationMagento - 管理导航中的自定义 CSS
【发布时间】：2012-09-27 12:42:29
【问题描述】：

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

到这个：

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

谢谢:)

【问题讨论】：

标签： css magento navigation admin adminhtml

【解决方案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()。

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

【讨论】：

感谢您的提醒 :) CDATA 技巧不会将 HTML 生成为 HTML ......而是作为文本生成，所以这是不行的 :) 虽然它只是为了好玩它 :) 想知道除了覆盖导航控制器或硬编码之外是否还有其他方法;)
@Ben，完全同意回复：不添加顶级菜单项，尽管我认为 ST 是违规者（哎呀！）。您对将图标添加到二级导航项目有何感想？例如，在“促销”下添加一个自定义导航项目，旁边有一个图标？挖？我现在正在与 html/cdata 作斗争。

【解决方案2】：

似乎在以后的 Magento 版本中，菜单标题的值被转义了，所以即使使用 CDATA 也不起作用。我看到的一些模块成功地添加了图标，实际上重载了Mage_Adminhtml_Block_Page_Menu 类以防止这种情况发生。

但实际上，您可以通过定位导航菜单中的 URL，使用简单的 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;
}

【讨论】：