改变了dotnetnuke的菜单风格

时间:2010-09-30 04:43:17

标签: dotnetnuke

我在我的dotnetnuke中使用Alldnnskins-10949皮肤。在这里我想改变子菜单的样式,如字体等。但我不知道它是怎么回事?有人知道吗?

1 个答案:

答案 0 :(得分:2)

这取决于你对皮肤的控制程度。

如果您具有完全控制权,请导航到Windows资源管理器中的皮肤文件夹(门户子树)。

打开皮肤的ascx文件。

查看正在使用的导航菜单。

可能是SolParts或DotNetNuke附带的Nav Menus之一。

确定后,您可以观看培训视频,以便为特定菜单(如DNN Creative)设置样式,也可以尝试找到它的文档。通常每个菜单的文档中都有一个样式指南。

例如,DNNRadMenu导航菜单提供商在此处有一个样式指南:http://www.telerik.com/help/aspnet/menu/menu_apireference.html

每个导航菜单提供商都会有类似的东西,尽管可能没有像DNNRadMenu那样广泛使用(从2.4.2开始可以免费使用)http://dnnradmenu.codeplex.com/

如果您没有这种详细程度,我建议您在Firefox中安装Web Developer Toolbar。

然后,重新加载Firefox并使用该皮肤访问您的页面。

按Ctrl-Shift-F并突出显示导航菜单的部分内容。这将打开一个黄色菜单,显示您当前的HTML元素,其子元素,父元素以及每个元素的CSS类。

现在,转到Web Developer工具栏中的CSS菜单,然后单击EditCSS

这将允许您实时调整页面的CSS。它不会保存CSS,但它允许您查看页面在您更改CSS文件时的外观。

单击module.css标记并开始使用Ctrl-Shift-F功能更改您看到的css样式。

或者,您可以跳过Ctrl-Shift-F功能并直接进入编辑CSS功能。但是,浏览CSS文件标题以获取感觉Nav-Menu-Ish的内容...例如menu.css,如果正在使用内置DNN菜单则会显示(5.6.2)。

在Edit CSS区域的范围内,更改任何样式以缩小哪些样式会影响菜单。

确定使菜单看起来符合您需要的样式后,您可以自行对CSS文件进行更改。

如果您可以访问CSS,那么可以在那里进行操作 - 否则管理员可以通过一些方法在站点级别覆盖CSS - 尽管我的经验在此之前结束。

长话短说:弄清楚你的皮肤使用哪个导航提供程序并找到它的皮肤文档