Определить стили для каждого пункта меню

<?php // Это файл в /layouts/components/com_component/your_layout.php?><input type="hidden" name="task" value=""><input type="hidden" name="return" value="<?php echo $input->getBase64('return'); ?>"><input type="hidden" name="forcedLanguage" value="<?php echo $input->get('forcedLanguage', '', 'cmd'); ?>"><?php echo HTMLHelper::_('form.token'); ?>

// В Controller/View добавляем поля$this->form ->addControlField('task', '') ->addControlField('return', $input->getBase64('return', '')) ->addControlField('forcedLanguage', $forcedLanguage);

v.4.1.0. Что нового?

Редактирование метаданных изображений. Теперь метаданные можно не только читать, но и напрямую редактировать и записывать обратно в изображение JPG. Поддерживаются данные EXIF и IPTC.

Полная совместимость с Joomla! 4.x, 5.x и 6.x. Компонент почистили от устаревших методов в коде.

Заметно ускорили загрузку больших галерей. Списки в админке, особенно для очень больших галерей ( >30 000 изображений), теперь загружаются значительно быстрее.

Несколько сеток lightGallery на одной странице. Будь то плагины контента или модули изображений: теперь вы можете отображать несколько галерей или категорий на одной странице без каких-либо ограничений.

Множество мелких исправлений ошибок и оптимизаций.

День добрый!
Шаблон JustBusiness-FJT

Нужно сделать каждый пунт верхнего меню своим цветом (ну требование такое).

Фрагмент CSS отвечающий за меню нашел. Не знаю что делать.
И строчки нашел, которые отвечают за общий фон меню и выделенную позицию. Нужно менять background выделенного и активного пункта но не просто, а для каждого пункта свой цвет (там картинка с градиентом - отпущенный пункт как-бы выпуклый, при наведении и активности впуклый) чтобы был.

Как и что прописать в CSS я вроде понял, но как из Joomla этим управлять не очень. Наверное нужно класс для каждого пункта свой определять...

2 выделенная строка как я понял - стиль невыделенного бункта. нужно добавить

Код

background:url(../images/mainmenu.png) 0 0 repeat-x;

3 выделенная строка - стиль пункта при нажатии или наведении.

Код

#nav {}
#navl {}
/* #navr {background: url("../images/mainmenu.png") repeat-x scroll 0 0 transparent;font-family: 'Cuprum',sans-serif;height: 46px;margin-top: -29px;width: 981px;} */
********) #navr {background: url("../images/mainmenu-yellow.png") repeat-x scroll 0 0 transparent;font-family: 'Cuprum',sans-serif;height: 46px;margin-top: -29px;width: 981px;}
#nav {z-index:10; position:relative;}
#nav-left { float:left; width:80%;}
#nav-right { float:right; width:20%;}
#nav ul {margin-left: 3px; padding:0; float:left;}
#nav ul li {list-style:none;float:left;height:100%;position:relative; padding-right:1px; margin:0;}
********) #nav ul li a { display:block;padding:0 15px 0 15px; text-shadow: none; line-height:44px; color:#fff; text-decoration:none;font-size:17px;font-weight:normal; border-right:1px solid #e1e1e1;}
#nav ul li.active {}
********) #nav ul li.active a, #nav ul li a:hover {color:#fff; text-shadow: none; background:url(../images/mainmenu-h.png) 0 0 repeat-x; }
#nav ul li:hover {}
#nav ul li ul {position:absolute;width:180px;left:-999em;border-top:0; margin:0; padding:0;}
#nav ul li:hover ul, #menu ul li.sfHover ul {left:0;}
#nav ul li ul li {padding: 0; height:auto; width:180px; margin:0 auto; border:0; text-align: left; }
#nav ul li ul li:hover ul {left:180px; top:0}
#nav ul li:hover ul li a {text-shadow:none;}
#nav ul li:hover ul li { background:none;}
#nav ul li:hover ul li a, #nav ul li ul li a, #nav ul li.active ul li a{margin:0; padding:0 0 0 10px;height:24px;line-height:24px; background:#555;border-bottom:1px solid #3a3a3a; border-right:0; color:#d1d1d1; font-size:12px;font-weight:normal;text-shadow:none; -moz-border-radius: 0px; border-radius: 0px;}
#nav ul li ul li a:hover, #nav ul li ul li.active a, #nav ul li.active ul li a:hover, #nav ul li.active ul li.active a {text-align: left; padding:0px 0 0 10px;height:24px;line-height:24px;background:#343434;color:#fff; font-size:12px;text-shadow:none;}
#nav ul li ul ul, #nav ul li:hover ul ul, #nav ul li:hover ul ul ul, #nav ul li:hover ul ul ul ul, #nav ul li.sfHover ul ul, #nav ul li.sfHover ul ul ul, #nav ul li.sfHover ul ul ul ul {left:-999em;}
#nav ul li ul li ul li{padding:0;height:auto;width:180px; margin:0 auto; border:none; text-align: left;}

Заранее спасибо гуру за ответ.
Ну и полной нирваной бы стало если бы пункты меню и в простом состоянии были бы разных цветов.

Как сделать, чтобы контактная информация отображалась над меню или рядом с ним? Автор bugaooga	Ответов: 1 Просмотров: 6251	25.10.2013, 20:54:31 от artel-st
Как задать Модулю VmCategory стили меню ( artisteer ) Автор Myk	Ответов: 7 Просмотров: 19529	26.07.2013, 01:08:22 от KNYAZ_exe
Как вывести модули в столбцы в строку по типу меню категорий, где редактировать? Автор SoHm222	Ответов: 0 Просмотров: 5869	22.06.2013, 05:48:20 от SoHm222
Как сделать смену картинки при выборе разных пунктах меню Автор raduga	Ответов: 17 Просмотров: 27986	16.01.2013, 14:19:27 от zavarov
Как сделать разный фон для каждого меню? Автор Дмитрий	Ответов: 14 Просмотров: 24752	11.05.2012, 01:44:40 от xabbep

Определить стили для каждого пункта меню - Как сделать...

Новости Joomla

Новый способ добавления и рендера полей в Joomla Form - метод renderControlFields() (Joomla 5.3+)

Joomla: как тестировать? Всего 8 минут

JoomGallery 4.1.0 - компонент галереи изображений для Joomla

v.4.1.0. Что нового?

Рикки

Определить стили для каждого пункта меню

Похожие темы