Основной курс по Joomla
0 Пользователей и 1 Гость просматривают эту тему.
  • 9 Ответов
  • 1168 Просмотров
*

lubashina

  • Осваиваюсь на форуме
  • ***
  • 107
  • 0
Здравствуйте, не могу на форуме найти подходящий ответ на вопрос "Как изменить цвет вкладок пунктов меню в шаблоне  shaper_helix3 Joomla 3?" Мне нужно, чтобы каждая вкладка имела свой цвет. Пожалуйста, помогите решить вопрос
Сайт здесь http://perspectiva.zhalcauj.bget.ru/index.php/ru/
Заранее благодарю!
*

lubashina

  • Осваиваюсь на форуме
  • ***
  • 107
  • 0
Очень прошу помочь, мне так часто (образовательные учреждения любят цветное меню) нужно это решение и я никак не могу понять, как это сделать.
*

Grigory S.

  • Завсегдатай
  • *****
  • 664
  • 69
  • (с)
Можно сделать так

Код: css
#sp-menu ul li:nth-child(1) a{
    background: red;
}
#sp-menu ul li:nth-child(2) a{
    background: green;
}
#sp-menu ul li:nth-child(3) a{
    background: blue;
}
   ... 
Не задав правильный вопрос, невозможно получить правильный ответ.
Для "спасибок" существует кнопочка "+".
*

lubashina

  • Осваиваюсь на форуме
  • ***
  • 107
  • 0
Можно сделать так

Код: css
#sp-menu ul li:nth-child(1) a{
    background: red;
}
#sp-menu ul li:nth-child(2) a{
    background: green;
}
#sp-menu ul li:nth-child(3) a{
    background: blue;
}
   ... 

СПАСИБО, СПАСИБО, СПАСИБО! Получилось! Очень выручили!
*

lubashina

  • Осваиваюсь на форуме
  • ***
  • 107
  • 0
Grigory S., скажите, а что нужно сделать, чтобы в подпунктах меню цвет не менялся, а то они тоже стали цветными
*

Grigory S.

  • Завсегдатай
  • *****
  • 664
  • 69
  • (с)
Код: css
#sp-menu .sp-megamenu-parent > li:nth-child(1) > a{background: green;}
Не задав правильный вопрос, невозможно получить правильный ответ.
Для "спасибок" существует кнопочка "+".
*

lubashina

  • Осваиваюсь на форуме
  • ***
  • 107
  • 0
Код: css
#sp-menu .sp-megamenu-parent > li:nth-child(1) > a{background: green;}
Что то не получается
*

Grigory S.

  • Завсегдатай
  • *****
  • 664
  • 69
  • (с)
Так вы уберите
Код: css
#sp-menu ul li:nth-child(1) a{}
а потом уже
Код: css
#sp-menu .sp-megamenu-parent > li:nth-child(1) > a{}
Не задав правильный вопрос, невозможно получить правильный ответ.
Для "спасибок" существует кнопочка "+".
*

lubashina

  • Осваиваюсь на форуме
  • ***
  • 107
  • 0
Так вы уберите
Код: css
#sp-menu ul li:nth-child(1) a{}
а потом уже
Код: css
#sp-menu .sp-megamenu-parent > li:nth-child(1) > a{}

аа, понятно, сейчас
*

lubashina

  • Осваиваюсь на форуме
  • ***
  • 107
  • 0
Так вы уберите
Код: css
#sp-menu ul li:nth-child(1) a{}
а потом уже
Код: css
#sp-menu .sp-megamenu-parent > li:nth-child(1) > a{}
Спасибо вам! Низкий поклон!