1

独自の (単純な) テンプレートを作成しました。メニューモジュールは次のようになります。

<jdoc:include type="modules" name="modHNavBar"  />

template.css ファイルの CSS は次のようになります。

.TopMenuItem {
    padding: 5px 15px;  
    background: #000063;
    color: #DEE7EF;
    font-size: 1.1em;
    border: 1px solid #DEE7EF;
    float:left;
}

スタイルを設定するには、すべてのメニュー項目を選択し、管理者のバックエンドからリンク CSS スタイルを適用する必要がありました。

これは大変な作業のようです。スタイルをメニュー全体に適用する簡単な方法はありますか?

記録のために、以下は機能しません。

<jdoc:include type="modules" name="modHNavBar" style="TopMenuItem" />

ありがとう！

4

2 に答える 2

2

メニューのスタイルを設定する方法はいくつかあります。

  1. <jdoc />in div をラップします。<div class="TopMenuItem"><jdoc:include type="modules" name="modHNavBar" />
  2. Menu class suffix を使用: Extensions > Modules > [menu module] > Options > Advanced Options > Menu Class Suffix / Menu Tag ID
  3. module chrome を使用してください: テンプレート フォルダー内で create filehtml/modules.phpを作成function modChrome_mymenu($module, &$params, &$attribs)し、ドキュメント ページで詳細を参照してください: Applying custom module chrome , Module chrome

各メニュー項目を個別にスタイルしたい場合は、各メニュー項目にクラスを追加できます: メニュー > メイン メニュー > [メニュー項目] > 詳細オプション > CSS スタイルのリンク

または、次のように CSS スタイルを追加します: nav.menu .item-101 { background: green }

于 2013-04-12T12:21:18.880 に答える
0

Joomla パネル:

メニュー -> メイン メニュー -> 「ホーム」、またはいくつかのメニュー項目 -> 詳細オプション -> リンク CSS スタイル -> 「ホーム」、またはいくつかの名前。-> 保存

CSS で:
#nav ul li a.home{background-color:#4E5426; color:#FFFFFF;}
#nav ul li a.home:hover{background-color:#9A9B19; color:#FFFFFF;}

于 2013-07-04T12:45:58.337 に答える