Плавающие цвета в навигации

Плавающие цвета в навигации

Перейти ACP - Customization -> Theme - ваш скинь ->  Edit HTML and CSS -> core > front > global >navBar и замените все этим кодом:

<div class="MafiaRuNav">
{{if !\in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses )}}
	<nav data-controller='core.front.core.navBar' class='{{if !\count( \IPS\core\FrontNavigation::i()->subBars( $preview ) )}}ipsNavBar_noSubBars{{endif}} {{if !$preview}}ipsResponsive_showDesktop{{endif}}'>
      <span class="MafiaRuNav__flash-animation"></span>
      <div class='ipsNavBar_primary ipsLayout_container {{if !\count( \IPS\core\FrontNavigation::i()->subBars( $preview ) )}}ipsNavBar_noSubBars{{endif}}'>
			<ul data-role="primaryNavBar" class='ipsClearfix'>
				{template="navBarItems" app="core" group="global" location="front" params="\IPS\core\FrontNavigation::i()->roots( $preview ), \IPS\core\FrontNavigation::i()->subBars( $preview ), 0, $preview"}
				<li class='ipsHide' id='elNavigationMore' data-role='navMore'>
					<a href='#' data-ipsMenu data-ipsMenu-appendTo='#elNavigationMore' id='elNavigationMore_dropdown'>{lang="more"}</a>
					<ul class='ipsNavBar_secondary ipsHide' data-role='secondaryNavBar'>
						<li class='ipsHide' id='elNavigationMore_more' data-role='navMore'>
							<a href='#' data-ipsMenu data-ipsMenu-appendTo='#elNavigationMore_more' id='elNavigationMore_more_dropdown'>{lang="more"} <i class='fa fa-caret-down'></i></a>
							<ul class='ipsHide ipsMenu ipsMenu_auto' id='elNavigationMore_more_dropdown_menu' data-role='moreDropdown'></ul>
						</li>
					</ul>
				</li>
			</ul>
			{template="quickSearch" group="global" app="core" params="$preview"}
		</div>
	</nav>
{{elseif member.group['g_view_board'] and !\in_array('ipsLayout_minimalNoHome', \IPS\Output::i()->bodyClasses )}}
	<nav>
		<div class='ipsNavBar_primary ipsLayout_container ipsNavBar_noSubBars'>
			<ul data-role="primaryNavBar" class='ipsResponsive_showDesktop ipsClearfix'>
				<li>
					<a href='{setting="base_url"}' title='{lang="go_community_home"}'><i class='fa fa-angle-left'></i> {lang="community_home"}</a>
				</li>
			</ul>
		</div>
	</nav>
{{endif}}
  </div>

В custom.css вставьте этот код:

.MafiaRuNav {
 overflow: hidden; 
}
.MafiaRuNav__flash-animation {
    animation: flash-delay 17s ease-in-out 2s infinite;
    background: linear-gradient(90deg, #301b1bb3, #f60000b3 33.04%, #ff3f00b3 58.19%, #f81100b3 70.08%, #301b1bb3);
    height: 100%;
    left: -100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50%;
}
@keyframes flash-delay{0%{left:-100%}16%{left:100%}to{left:100%}}

Сохранять