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，向右移动#search。

    Menu_Item_1 | Menu_Item_1 | Menu_Item_3 |                         Search...

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

    Menu_Item_1 | Menu_Item_1 |
    Menu_Item_3 |
                                Search...

#search只是被推到#menu下面（在第三行 - 这是因为ul的显示是inline-block）。目标是与菜单（即第二行）保持同一行，如下所示：

Menu_Item_1 | Menu_Item_1 |
Menu_Item_3 | Search...

有什么建议吗？感谢。

Answer 1

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

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

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

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

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

Answer 2

如果您的目标是将搜索模块添加为菜单项，那么您需要使用此扩展程序将其作为组件：

您只需将模块置于自定义（可能隐藏或不存在于模板中）位置，然后创建一个指向m2c组件并在那里使用该位置的菜单项。