1

我需要制作一个下拉导航，对于每个父导航项，在下拉区域中，我会显示子页面 + 3 个带有链接到其他页面的标题的图像。

我需要类似“自定义导航”模块的选项来选择图像（或添加自定义类，并从页面获取图像）。

有没有我可以使用的扩展程序？如果没有，更改/扩展核心模块会更容易/更快，还是应该创建一个新模块？

谢谢！

示例（“Kollektion”菜单项悬停。灰色区域是子菜单容器） 在此处输入图像描述

4

2 回答 2

0

我不知道允许将图像包含到导航菜单中特定链接的扩展程序。但如果你愿意使用 CSS 样式，我会这样做：

任何页面都可以有多个自定义 CSS 类，并且它们确实适用于导航（除非导航模板已更改为不再适用）。输入这些 CSS 类的位置位于“编辑”页面视图底部的专家设置下。添加您想要的任何 CSS 类，然后编辑样式表以使它们看起来正确。

如果这三个页面不应该是当前页面的子页面，而是指向其他地方，则可以为它们使用“内部重定向”页面类型。

除了您的常规样式之外，CSS 可能是这样的：

.level_2 li {
    float: left;
    clear: left; /* this is to stack them on top of one another*/
}

.level_2 li.special_class {
    display: inline-block;
    vertical-align: top;
}

.level_2 li.special_class:before {
    display: block;
    content: '';
    width: /* the intended image width */
    height: /* the intended image height */
}

.level_2 li.special_class.foo {
    background-image: url('foo');
}

.level_2 li.special_class.bar {
    background-image: url('bar');
}

...

请记住，这不应该是一个完整的解决方案，而是一个您可以构建自己的原则。您可能希望向旧浏览器（或不）添加向后兼容性等。

于 2014-12-17T14:03:30.113 回答
0

我认为有一个扩展可以让你这样做。检查此链接带图像的导航

也可能是Navigations-Bild

这两者都应该给你你想要的，但有一点造型

于 2014-12-18T06:22:44.303 回答