html - 如何在 Joomla 中添加搜索模块作为菜单项？

Question

我的简单设置:

<div id="menuwrap"> 
    <div id="menu">
        <jdoc:include type="modules" name="menu" styles="" />
    </div>
</div>

和

ul.menu {
    display: inline-block;
}

因为我需要它居中。

显示如下(想象它在屏幕中心):

    Menu_Item_1 | Menu_Item_1 | Menu_Item_3

我想添加一个搜索框(一个标准的 Joomla 搜索模块)作为菜单项。即:

    Menu_Item_1 | Menu_Item_1 | Menu_Item_3 | Search...

我试图将搜索模块放入另一个 div 中，在 #menuwrap 内并将 #menu float 到左侧和 #search 到右边。

    Menu_Item_1 | Menu_Item_1 | Menu_Item_3 |                         Search...

在调整大小之前这是可以的:

    Menu_Item_1 | Menu_Item_1 |
    Menu_Item_3 |
                                Search...

#search 只是被推到 #menu 下(在第三行 - 这是因为 ul 的显示是 内联 block )。目标是与菜单保持在同一行(即第二行)，如下所示:

Menu_Item_1 | Menu_Item_1 |
Menu_Item_3 | Search...

有什么建议吗？谢谢。

Answer 1

如果我对您的理解是正确的 - 您希望将搜索模块本身嵌入到菜单中 - 而不是从菜单项链接到它。

我认为有很多方法可以做到这一点:

最简单的方法是伪造它。在包含您的模块位置的 div 上放置背景 - 将两个模块(菜单和搜索模块)发布到该位置，使用 css 确保它们彼此并排 float 。

或者，如果您确实需要将表单嵌入同一模块中，我建议创建一个“自定义模块 chrome”，以将搜索表单的 html 添加到您在使用您的自定义位置发布的任何模块的输出中模块 Chrome 样式

这是一篇涵盖基础知识的文章 - 可能适用于旧版本的 Joomla - 但据我所知，原则是: http://docs.joomla.org/Applying_custom_module_chrome