Spry menü çubuğunun arka plan rengini nasıl değiştirilir

CSS ayarları, Spry menü çubuklarının görünümünü ve görünümünü kontrol eder.

1. Adım

Spry menü çubuğunuzla ilişkilendirilmiş CSS dosyasını açın. "SpryMenuBarHorizontal.css" yatay menüye karşılık gelir, "SpryMenuBarVertical.css" ise dikey menülere aittir.

2. Adım

"Ul.MenuBarHorizontal" seçeneğine ilerleyin ve "background-color" değişkenini (arka plan rengi) bulun. Mevcut değeri silin ve istenen temel rengi yazın.

3. adım

Fareyi geçirdiğinizde "ul.MenuBarHorizontal: hover, ul.MenuBarHorizontal için: focus" seçeneğine ilerleyin ve mevcut arka plan rengini istediğiniz renkle değiştirin.

4. Adım

"Ul.MenuBarHorizontal a.MenuBarItemHover" öğesini bulun ve mevcut arka plan rengini istenen alt menü rengiyle değiştirin.

Adım 5

Alt menü ayarlarına ilerleyin, "ul.MenuBarHorizontal a.MenuBarItemSubmenu" öğesini bulun ve arka plan rengi değerini istediğiniz alt menü rengiyle değiştirin.

6. Adım

"Ul.MenuBarHorizontal ul a.MenuBarItemSubmenu" ifadesini bulun ve arka plan renginin değerini istenen renkle değiştirin.

7. adım

"Ul.MenuBarHorizontal ul a.MenuBarSubMenuColor" seçeneğine ilerleyin ve iç içe geçmiş alt menüler için arka plan rengini ayarlayın.

8. adım

CSS dosyasını kaydedin. Renk değişiklikleri ana sayfaya otomatik olarak uygulanacaktır.