Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

как сделать разный цвет выпадающего меню?


 Поделиться

Рекомендованные сообщения

доброго времени суток! подскажите, пожалуйста, как сделать цвет выпадающего меню разный для каждой категории... 

dropdown-menu li > a:hover {
     background-color: #229ac8;

если поменять тут, то меняет во всех категориях, а возможно ли задать для каждого выподающего меню свой цвет? заранее благодарен! 

Ссылка на комментарий
Поделиться на других сайтах


dropdown-menu li:nth-child(1) > a:hover {
     background-color: #229ac8;
}

dropdown-menu li:nth-child(2) > a:hover {
     background-color: #112233;
}

dropdown-menu li:nth-child(3) > a:hover {
     background-color: #334455;
}

dropdown-menu li:nth-child(4) > a:hover {
     background-color: #667788;
}

 

Ссылка на комментарий
Поделиться на других сайтах


Мне больше нравится, когда фон особый у главной категории и блока подкатегорий. ( дело вкуса).

Спойлер

59a2e73ef00ad_.thumb.jpg.37cdb91acac6f07f74737070918dc817.jpg

На дефолтном шаблоне типа того:

.dropdown:nth-child(8), .dropdown:nth-child(8) .dropdown-menu {

   background: #eaba5f;

}

.dropdown:nth-child(1), .dropdown:nth-child(1) .dropdown-menu {

   background: #76bd76;

}

Но надо будет еще с  :hover поработать.

Изменено пользователем jaffagold
Ссылка на комментарий
Поделиться на других сайтах


все равно изменяет все меню... а не по одной категории... добавляю сюда

.navbar-nav > li > .dropdown-menu {
    padding: 20px 0;
    border: 0 none;

 

Изменено пользователем Deflep
Ссылка на комментарий
Поделиться на других сайтах


Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
 Поделиться

  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу.
×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.