Css 如何为每个菜单项或根据打开的文章为菜单标题设置不同的背景色?
我正在开发一个基于Joomla 2.5的网站。 我有一个子菜单,上面有一个标题(标题是topmenu类别的名称)。此标题具有背景色。现在我想在我打开的每一页上都有一个不同的背景色(标题)。 我曾考虑过为每个菜单项创建一个额外的菜单模块,每个菜单项都有css中定义的特定颜色,但是我必须重命名每个模块,因为我不能有两个相同的名称。但是我需要标题与所有子菜单项的Topmenu类别相同 以下是生成代码的基本结构:Css 如何为每个菜单项或根据打开的文章为菜单标题设置不同的背景色?,css,joomla,menu,module,joomla2.5,Css,Joomla,Menu,Module,Joomla2.5,我正在开发一个基于Joomla 2.5的网站。 我有一个子菜单,上面有一个标题(标题是topmenu类别的名称)。此标题具有背景色。现在我想在我打开的每一页上都有一个不同的背景色(标题)。 我曾考虑过为每个菜单项创建一个额外的菜单模块,每个菜单项都有css中定义的特定颜色,但是我必须重命名每个模块,因为我不能有两个相同的名称。但是我需要标题与所有子菜单项的Topmenu类别相同 以下是生成代码的基本结构: <body> <div id="content">
<body>
<div id="content">
<div id="breadcrumbs"></div>
<div id="main" class="centerAndRight"></div>
<div id="right">
<div class="moduletable_servicemenu">
<h3>HERE IS THE TITLE</h3>
<ul class="menu"></ul>
</div>
<div class="moduletable_kontaktmodul"></div>
</div>
</div>
<!-- end content -->
<div id="overallfooter"></div>
</body>
这是标题
谁能帮我个忙吗
Thanx提前。如果您在该标题上放置一个类(例如
class=“title”
),然后在每页的正文
标记上放置一个不同的类(例如
),您可以轻松地在每页上设置不同的标题样式,例如:
.contact .title {background: red}
.about .title {background: blue}
我写了这个脚本的随机图像,它可以编辑,以适用于您的愿望,这是随机的颜色。它相当简单,而且你可以随意选择颜色,程序会随机化
$(document).ready(function() {
var colors = ['#ccc', '#dedede', '#333', '#555' /***keep adding as many colors***/];
$(".Topcategory").each(function(){
$(this).css({'background' : ' + colors[Math.floor(Math.random() * colors.length)] + ')'})
});
});
你能发布一些代码吗?对不起,我应该更具体地介绍一下如何在Joomla网站上工作。我只是把它放在标签里。所以我对可以放在标签里的类有一些限制。问题是,我可以用不同的类(从后端)为每个菜单项寻址“main”-div,但不能寻址“right”-div。因为它在同一级别,所以它也不会被继承到它。所以我需要一些更深入的Joomla知识来完成这件事。谢谢你!但是我想为每个子菜单项指定颜色。如果我能在Joomla的后端做这件事,那就太棒了。Joomla的美丽之处在于广泛的插件市场,我相信如果你浏览这个市场,你会找到你想要的。我一定是看错了你的帖子,对不起。