2012-01-12 37 views
1

我一直在試圖自定義一個我目前使用的joomla模板上的菜單項。 我以前使用過的一些菜單通常在查看源代碼時顯示項目ID,但我的模板根本不顯示任何項目。無論如何,我創建了下面的CSS代碼,希望這將符合我的目標,但它沒有奏效。我試圖完成的是使現在申請在我的管理主菜單面板列上的項目#30在任何懸停或任何活動之前將背景變成RED。你可以查看我的臨時鏈接getvms.net/home自定義Joomla上的菜單項背景之一

我真的很感謝你能幫助我。

謝謝!

代碼:

#s5_nav li { 
    display:block; 
    list-style:none; 
position:relative; 
float:left; 
border-right:solid 1px #B6B5B5; 
height:45px; 
padding-left:10px; 
padding-right:10px; 
padding-top:9px; 
padding-bottom:0px; 
overflow:hidden; 
} 


#s5_nav li.item#30, { 
    display:block; 
list-style:none; 
position:relative; 
float:left; 
border-right:solid 1px #B6B5B5; 
height:45px; 
padding-left:10px; 
padding-right:10px; 
padding-top:9px; 
padding-bottom:0px; 
overflow:hidden; 
background:red; 

回答

0

下可以爲你工作,如果你使用Joomla! 1.6或1.7:

您可以通過Joomla!中的菜單管理器將自定義CSS類應用到特定菜單項。完成後,您可以在樣式表中將樣式應用於該類。

要做到這一點,只需在菜單管理器中打開所需的菜單項,然後在右欄中單擊「鏈接類型選項」打開該面板。 「鏈接樣式CSS」字段允許您指定想要應用於該菜單項的CSS類的名稱。這將允許您將樣式應用於該單個菜單項。

0

嘗試:

#s5_nav li.item30{ 
    display:block; 
    list-style:none; 
1

你是在正確的方向給予風格,一個項目一個好方法,但你有一個錯誤

#s5_nav li.item#30, { 
display:block; 

你應該刪除,在項目結束#30,你應該這樣使用

#s5_nav li.item#30{ 
display:block; 

跳它會幫助你。