2012-03-29 75 views
0

我简单的设置:如何在Joomla中添加一个搜索模块作为菜单项?

<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... 

任何建议?谢谢。

+0

什么东西有inline-block的得做是中心?你不能只用块吗?然后给这两个模块的宽度并将它们浮在相同的方向上 - 不需要左右浮动。 – 2012-04-01 15:33:56

回答

3

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

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

最简单的方法是假的吧。在包含模块位置的div上放置一个背景 - 将两个模块发布到该位置(菜单和搜索模块)使用css来确保它们彼此浮动。

另外,如果你确实需要在同一个模块中嵌入表单,我建议创建一个'自定义模块chrome'来将搜索表单的html添加到你在使用你的位置发布的任何模块的输出中自定义模块的镀铬风格

这里是覆盖的基础知识的文章 - 可能是一个旧版本的Joomla - 但据我可以告诉原理认为: http://docs.joomla.org/Applying_custom_module_chrome

相关问题