2014-10-19 152 views
0

情況:我有舊網站Agroteplica基於Joomla 2.5。我需要將自定義的html代碼添加到菜單項(例如圖標或粗體)。我需要每個菜單項的統一圖標,因此編輯頁面的php模板是沒有用的。如何將自定義html代碼添加到Joomla 2.5菜單項?

如果我嘗試在菜單項標題中使用html代碼--Joomla清除它,只保留文本。我試圖找到一些手冊,並添加行filter="raw"file modules.xml

<field name="title" type="text" 
description="COM_MODULES_FIELD_TITLE_DESC" 
label="JGLOBAL_TITLE" 
maxlength="100" 
required="true" 
filter="raw" 
size="35" 
/> 

但它沒有給出任何效力,要麼。

問題:我需要做些什麼才能使它工作? :)

+0

你可以問這樣的Joomla相關的問題到這個堆棧交換站點:http://joomla.stackexchange.com/ – Sbpro 2014-10-19 16:16:07

回答

1

這裏是什麼的Joomla提供了這樣的情況:

菜單管理 - >菜單項編輯

編輯每個菜單項,您將看到「鏈接類型選項「在右欄的部分。

見截圖:

Edit Menu Item - Link Type Options

正如你在截圖中看到,這組設置包含如下選項:

  1. 鏈接標題屬性:您可以添加自定義標題attr到菜單項的標籤。

  2. 鏈接CSS樣式:您可以爲此菜單項的標籤添加自定義css類。

  3. 鏈接圖片:您可以爲此菜單項添加一個自定義圖像。

  4. 添加菜單標題:如果您添加圖像,你可以選擇隱藏鏈接的標題(設定值=否),也可以選擇同時顯示圖片和標題(設置= YES(默認)) 。

對於您的情況,您可以選擇自定義圖像 - 應顯示在菜單項標題旁邊的圖標。如果您想要粗體或其他樣式選項,可以將自定義CSS規則添加到所需的項目中,然後在模板的CSS中添加CSS樣式。

例如,您已經決定對於某些菜單項,您希望他們的文本以粗體顯示。然後你可以做如下:

1。給他們一個CSS類的所有人,在鏈接CSS樣式字段:例如, '大膽的項目'(沒有'')。 2。使用純文本編輯器中打開模板的CSS文件,並在文件的最後添加以下規則:

.bold-items { 
    font-weight:bold; 
} 

注意:上述設置可能沒有任何效果可言,如果你使用的是第三方菜單模塊,或者您的模板包含默認菜單模塊的覆蓋。在這種情況下,您將需要爲正在使用的菜單模塊添加更多模板覆蓋,以實現上述設置。

*不確定你對菜單項標題的含義,以及你是如何嘗試向它添加html代碼的。

*更新/回答您的評論:

你從來沒有想過你的問題中提到的視頻。您詢問了如何添加圖標並使文字變粗體。你對頭文件有什麼意思,什麼樣的代碼以及你想在哪裏插入它?您是否意識到從在菜單管理器中創建菜單項的那一刻起,直到您在網站的前端看到這些菜單項所涉及的過程?

按照上面我的回答,假設您具有工作流程的基本知識(菜單模塊,模板覆蓋,css),您將能夠爲每個菜單項添加圖像/圖標或自定義樣式。如果你想在你的菜單中有視頻,那麼你...

...將需要一個更復雜的菜單模塊。這些被稱爲Mega菜單,並允許用戶以各種方式在其菜單內顯示各種類型的內容,如模塊。你應該安裝一個這樣的模塊或者自己創建一個模塊。

+0

沒用。我需要在菜單項頭中添加自定義代碼的方法,而不是添加自定義CSS類的方式。我無法添加視頻,使用CSS。要麼,我不能添加圖像(默認方法不工作)。我所需要的 - 要知道,怎麼說Joomla - 「嘿!不要把我的代碼剪成頭文!」。 – sortas 2014-10-19 19:32:38

+0

你從來沒有提到你的問題中的視頻。您詢問了如何添加圖標並使文字變粗體。你對頭文件有什麼意思,什麼樣的代碼以及你想在哪裏插入它?您是否意識到從在菜單管理器中創建菜單項的那一刻起,直到您在網站的前端看到這些菜單項所涉及的過程?按照上面的答案並假設您具有工作流的基本知識(菜單模塊,模板覆蓋,css),您將能夠爲每個菜單項添加圖像/圖標或自定義樣式。如果你想在你的菜單中有視頻,那麼你... – Sbpro 2014-10-19 19:47:16

+0

...將需要更復雜的菜單模塊。這些被稱爲Mega菜單,並允許用戶以各種方式在其菜單內顯示各種類型的內容,如模塊。你應該安裝一個這樣的模塊或者自己創建一個模塊。 – Sbpro 2014-10-19 19:51:43

相關問題