Question

我一直在尝试在我目前使用的joomla模板上自定义一个菜单项。我以前使用的一些菜单通常会在您查看源代码时显示项目ID，但我的模板根本不显示任何内容。无论如何我在下面创建了css代码，希望这会达到我的目标，但它不起作用。我想要完成的是在我的管理主菜单面板列上的立即申请项目＃30，在任何悬停或任何活动之前将背景变为 RED 。您可以在getvms.net/home

查看我的临时链接

如果你能帮助我，我真的很感激。

谢谢！

代码：

    #s5_nav li { 
    display:block;
    list-style:none;
position:relative;
float:left;
border-right:solid 1px #B6B5B5;
height:45px;
padding-left:10px;
padding-right:10px;
padding-top:9px;
padding-bottom:0px;
overflow:hidden;
}


#s5_nav li.item#30, {
    display:block;
list-style:none;
position:relative;
float:left;
border-right:solid 1px #B6B5B5;
height:45px;
padding-left:10px;
padding-right:10px;
padding-top:9px;
padding-bottom:0px;
overflow:hidden;
background:red;

Answer 1

你正朝着正确的方向，以一种精美的方式为一个项目赋予风格，但你有一个错误

#s5_nav li.item#30, {
display:block;

你应该删除，在项目＃30的末尾，你应该像这样使用

#s5_nav li.item#30{
display:block;

跳它会帮助你。

Answer 2

如果您使用的是Joomla，以下内容可能对您有用！ 1.6或1.7：

您可以通过Joomla中的菜单管理器将自定义CSS类应用于特定菜单项。完成后，您可以在样式表中将该样式应用于该类。

要执行此操作，只需在菜单管理器中打开所需的菜单项，然后在右侧列中单击“链接类型选项”以打开该面板。 “链接样式CSS”字段允许您指定要应用于该菜单项的CSS类的名称。这将允许您将样式应用于该单个菜单项。

Answer 3

尝试：

#s5_nav li.item30{
    display:block;
    list-style:none;

自定义Joomla上的菜单项背景之一

3 个答案: