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

Как в горизонтальном меню фон для каждой категории сделать разных цветов?


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

Есть ли какие идеи сделать вот так?

d102f98c39a789edc0eecca221debf76.jpg

 

а именно:

 

чтобы в горизонтальном меню категорий для каждой категории фон был разных цветов.

 

В случае голого html это конечно не поблема - для каждого пункта свой класс с css стилями, но в opencart меню категорий динмаческое. Как можно оформить, сохранив возможность заполнения категорий из админки?

 

У меня появилась идея в админке в поле "Название категории" писать так: <span class="red">Компьютеры</span> И в css приписать для этого класса нужный цвет. Но проблема в том, что все что вносится в это поле, отображается как название.

 

Как можно изменить так, чтобы в поле "Название категории" можно было писать теги?

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


По-моему Вы пошли не по тому пути. Все, на самом деле, очень просто!

можно использовать псевдокласс nth-child в css. Выглядеть это примерно так будет

#menu > ul > li:nth-child(1) {background: red;}
#menu > ul > li:nth-child(2) {background: green;}
#menu > ul > li:nth-child(3) {background: blue;}

и так далее...

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

[РЕШЕНО]

 

 

Спасибо xds. Действительно работает! Я и не знал что такое возможно! Вот ведь, век живи - век учись!

#menu > ul > li:nth-child(1) {background: red;}
#menu > ul > li:nth-child(2) {background: green;}
#menu > ul > li:nth-child(3) {background: blue;}

и так далее...

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


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

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

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

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

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

Войти

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

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

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

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

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

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