Joomlaのメニュー項目の背景の1つをカスタマイズする

Question

私は現在使用しているjoomlaテンプレートのメニュー項目をカスタマイズしようとしています。 ソースコードを表示するとアイテムIDが表示される前に使用していたメニューの中に、テンプレートが表示されないものがあります。とにかく、これは私の目標を達成することを期待して下のCSSコードを作成したが、それは動作しませんでした。私が達成しようとしているのはです。私の管理メインメニューパネルの項目＃30は、背景がREDになります。あなたは私の一時リンクをgetvms.net/homeに見ることができました

本当にありがとうございました。

ありがとうございました！

コード：

#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; 

Answer 1

あなたがJoomlaのを使用している場合、次のことがあなたのために働くかもしれません！ 1.6または1.7：

Joomla！のメニューマネージャを使用して、カスタムCSSクラスを特定のメニュー項目に適用できます。そのようにしたら、スタイルシートのそのクラスにスタイルを適用できます。

これを行うには、メニューマネージャーで目的のメニュー項目を開き、右側の列で「リンクタイプオプション」をクリックしてそのパネルを開きます。 「リンクスタイルCSS」フィールドでは、そのメニューアイテムに適用するCSSクラスの名前を指定できます。これにより、その単一のメニュー項目だけにスタイルを適用することができます。

Answer 2

で試してみてください。

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

Answer 3

あなたは罰金の方法で一つの項目にスタイルを与えて右方向にありますが、あなたは1つのミス

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

を持っているアイテムの終わりに、削除する必要があります＃30とあなたはこのように使用する必要があります

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

ホップそれはあなたを助けるでしょう。