0

joomla 3.0 を実行しているサイトがあり、メニュー バーをカスタマイズしようとしています。テンプレートは protostar で、ナビゲーション ピル スタイルを使用して、メニュー バーが上部で水平になるようにします。

私が抱えている問題は、サブメニューのロールオーバーの青色を変更するために css を変更または含める必要がある場所が見つからないことです。

また、サブメニューの白い小さな矢印の色を変更する方法を知りたいです。

編集したいメニューのイメージ

4

4 に答える 4

1

全体的なヒントは私にも役立ちました。Joomla 3.x は、上記のように .navigation .nav-child:hover セクションを使用する必要があります。そのうちの 1 つが呼び出されていたため、グラデーション ライン セクションも変更する必要がありました。背景の線を変更しただけでは表示されませんでした。私はそれらを削除することについて考えましたが、代わりに開始/停止を同じにしました。オプションが適合する場合、何が使用されるかはブラウザベースの選択であると推測します。

于 2014-01-05T19:59:45.113 に答える
0

Bootstrapサイトにアクセスして要素を調べたところ、bootstrap.cssの2927行目から2934行目にあるようです。

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

background-color: #0081c2;はCSS3互換ではないブラウザ用であり、以下のすべてはCSS3互換用です。

Joomlaがbootstrap.cssファイルの内容を変更した可能性があるため、別の行にある可能性があることに注意してください。ただし、以下を検索するだけです。

.dropdown-submenu:hover > a

お役に立てれば

于 2013-02-05T22:52:58.753 に答える
0

ヘルプ Lodder に感謝します。悲しいことに、それはうまくいきませんでした。.dropdown-submenu:hover > a {ではなく、代わりに変更する必要があることがわかりました。.navigation .nav-child:hover > a { それでも、時間を割いて助けてくれてありがとう！

于 2013-02-06T15:10:18.533 に答える