2012-03-29 37 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

相關問題