Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

[Решено] Затемнение фона меню


kavi

Recommended Posts

Доброго всем времени суток!

Уважаемые, подскажите пожалуйста,. как реализовать такое:

Цвет пунктов Главного меню - белый, цвет фона также. На главной странице все ОК, т.к. главное меню находится на фоне слайдера, соответственно все хорошо видно.

А вот на странице статьи или категории ничего не видно, т.к. цвет фона и меню совпадает. Можно ли как-то затемнять подложку меню или включать какой-то фон при переходе на страницу статьи/категории?

Надіслати
Поділитися на інших сайтах


Вот затемнение 

  $('#menu .dropdown').hover(
    function () {
      var div = document.createElement('div');
      div.id = "menu-bg";
      $('#menu').before(div);
    }, 
    
    function() {
      document.getElementById('menu-bg').remove();
    });

Вставляйте свои селекторы и стилизируйте #menu-bg

Надіслати
Поділитися на інших сайтах

Не подумайте, что не хочу ни думать сам, ни делать, но совершенно не понимаю какие селекторы и куда их вставлять.

Подскажите пожалуйста.

Сам сайт на котором такое нужно сделать http://test.san-marco.in.ua/

Змінено користувачем kavi
Надіслати
Поділитися на інших сайтах


попробуй так:

1. /catalog/view/theme/fastor/css/stylesheet.css :: 2187

.header-type-3 #header-center .megamenu-background {
border: none;
}
добавить

background-color: #000000; /* или какой там цвет нужен */
2. /catalog/view/theme/default/template/common/home.tpl

перед "<?php echo $footer; ?>" добавить

<script type="text/javascript"><!--
$('.header-type-3 > #header-center > .megamenu-background').css('background', 'none');
//--></script>
  • +1 1
Надіслати
Поділитися на інших сайтах

блин, я подумал что меню выпадающее 

 

Достаточно вот так сделать и без скриптов 

 

 

.common-home .background-header {

это стиль для главной 

}

 

 .background-header {

Это для остальных страниц 

}

  • +1 1
Надіслати
Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.