Изменить фон кнопки при условии

Здравствуйте. Есть панель меню, и при выделении ее пунктов они окрашиваются в один цвет по умолчанию.
Нужно создать условие, при выполнении которого определенные вкладки выделялись бы другим цветом.
Условие - чтобы "position" из Joomla на текущей странице было активно. Т.е. если на текущей странице активен модуль "position-1", то цвет ярлыка меню перекрашивается в красный, к примеру.

CSS:

Код

#topmenu_RU {
  float:center;
  margin: 0 auto;
  width: 900px;
  min-width:900px;
  margin-top: 51px;
  background:transparent;   
  
.navigation li.active a { 
  background : #fff ;
  color:#202020; !important ;
  }

Параметров .navigation огромное количество, но нужен только этот, он отвечает за фон.

PHP:

Код

<script type="text/javascript">           
 var $j = jQuery.noConflict();      
 $j(document).ready(function() {     
 $j('.navigation ul').superfish({    
 delay:       800,                    
 animation:   {opacity:'show',height:'show'},      
 speed:       'normal',                     
 autoArrows:  true,                        
 dropShadows: true                         
 });     });   
 </script>     

<?php if ($this->countModules('position-1'))  { ?> 
<div id="topmenu_RU">                            
       <div class="navigation">                                         
         <jdoc:include type="modules" name="position-1" />                       
       </div> 
</div>

<?php } ?>

Не работает transition для определенных элементов Автор Bozhkov2	Ответов: 5 Просмотров: 4493	12.10.2016, 17:07:41 от Bozhkov2
Как сделать такой заголовок модуля? Автор Ilhom666	Ответов: 9 Просмотров: 2070	22.03.2016, 11:55:33 от darkghost
Выставить относительно фона пункты меню ? Автор warlocksp	Ответов: 6 Просмотров: 1723	01.02.2016, 10:58:26 от warlocksp
Вставка шрифта? Автор warlocksp	Ответов: 16 Просмотров: 1906	18.01.2016, 19:04:11 от warlocksp
Удалить маркеры? Автор warlocksp	Ответов: 4 Просмотров: 2474	09.01.2016, 17:07:35 от warlocksp

Изменить фон кнопки при условии - Вопросы по CSS

Новости Joomla

‼️ 👩‍💻 Обновление безопасности для Tassos Framework!

👩‍💻 Joomla включена в программу Google Summer of Code 2026.

Вышли релизы Joomla 6.0.3 и Joomla 5.4.3

Rever27

Изменить фон кнопки при условии

Похожие темы