0

我很难弄清楚如何使用 Sitefinity 中的下拉子页面来设置我的基本垂直导航的样式。我找不到简单的教程或解释我需要针对哪些 CSS 类来更改导航样式，提供的文档太不清晰了，我在论坛中也没有找到太多帮助。到目前为止，我所能找到的只是我需要创建一个 main.css 文件，我用它来创建一个自定义皮肤，但是我无法得到一个直接的答案来说明这个特定外观的目标是什么。

这位 Sitefinity 新人将不胜感激任何帮助！

4

2 回答 2

0

对我来说最简单的方法似乎是使用 Sitefinity 模板构建器，然后按照以下步骤操作：

  1. 转到http://templatebuilder.sitefinity.com
  2. 转到导航并拖动垂直菜单。
  3. 转到外观，从“导航皮肤”下拉列表中选择导航皮肤。
  4. 导出模板（将其保存到您的硬盘）。
  5. 解压缩并转到 \css 文件夹。
  6. 现在更改 Menu.SkinName.css。

希望这可以帮助。我猜 Telerik 的人并没有在样式菜单上提供更多信息，因为有一个模板构建器可以完成一些工作。

于 2013-04-02T08:19:43.807 回答
0

Navigation Widget 使用 Telerik RadControls 来生成菜单。这可能是：

  • 辐射菜单
  • 辐射面板条
  • 辐射树视图
  • ...

根据您选择的导航模式，呈现其中之一。可能您正在使用简单的垂直菜单？

您可以覆盖生成的类，或定义皮肤。

  • 转到导航小部件的设计器
  • 在“Wrapper CSS”字段中添加一个名称（例如 CustomSKin）。
  • 使用例如 Firebug 或 Chrome 扩展程序检查您的标记。您将看到此前缀添加到导航部分的标记中。

然后你可以像这样声明你想要样式的类：

.RadPanelBar_CustomSkin .rpRootGroup {
   // Your css
}

您可以随时查看 Telerik 提供的 RadControls 文档： http ://www.telerik.com/help/aspnet-ajax/panelbar-appearance-css-selectors.html

亲切的问候，丹尼尔·普洛普

于 2013-04-02T12:45:48.253 回答