Jump to content

Меню навигации NavBar IPS 4.1.X

Featured Replies

Posted
comment_95526

Привет всем. 
Был удивлен,что в настройках скина есть настройка фонового цвета меню навигации, но нет настройки цвета шрифта этого самого меню

Так как окрасил меню в темный тон шрифт сделал белым ниже код для custom.css 
 

/* ниже код окрашивает главное меню в белый цавет */ 
.ipsNavBar_primary > ul > li.ipsNavBar_active > a {
    background: #3c6994;
    color: #FFFFFF;
}
.ipsNavBar_secondary > li.ipsNavBar_active a {
    font-weight: bold;
    border-color: rgba(0,0,0,0.25);
    color: #FFFFFF;
}
.ipsNavBar_secondary > li > a {
    color: rgba(255,255,255,1);
    font-size: 13px;
    padding: 12px 18px 8px;
    border-bottom: 2px solid transparent;
}
/* выше код окрашивает главное меню в белый цавет */ 

Если кто нашел способ как закрепить Меню при прокрутке в низ страницы - делитесь :)

Создаю эту тему с целью делиться идеями по NavBar  
 

comment_95527

1. АЦ - Внешний вид - Стили и шаблоны - ВАШ СТИЛЬ - globalTemplate

 

2. Ищем 

{template="includeJS" if="theme.js_include == 'footer'" app="core" group="global" location="global" params=""}

Ниже добавляем

<script>
		    $('#elSearchNavContainer').addClass('original').clone().insertAfter('#elSearchNavContainer').addClass('cloned').css('position','fixed').css('top','0').css('margin-top','0').css('z-index','2000').removeClass('original').hide();
		    $('.cloned #elSearch').remove();
		
		    $(document).ready(function() {
		        var stickyNavTop = $('#elSearchNavContainer').offset().top;
		
		        window.addEventListener("resize", clone);
		        function clone() {
		            var test = document.getElementById('elSearchNavContainer').offsetWidth;
		            $('.cloned').css('width',test);
		        }
		
		        var stickyNav = function(){
		            var scrollTop = $(window).scrollTop();
		
		            if (scrollTop > stickyNavTop) {
		                $('.cloned').css('display', 'inline');
		                $('.original').css('visibility', 'hidden');
		                $('.original #elSearch').appendTo('.cloned');
		            } else {
		                $('.cloned').css('display', 'none');
		                $('.original').css('visibility', 'visible');
		                $('.cloned #elSearch').appendTo('.original');
		            }
		        };
 
		        stickyNav(); clone();
		 
		        $(window).scroll(function() {
		            stickyNav();
		        });
		    });
		</script>

 

comment_95571
35 минут назад, Septimus сказал:

Пишет - этот файл стиля невозможно сохранить. 

С чего бы это?

Пробуй тогда перевести в режим дизайнера - точно даст сохранить

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.


Guest
Ответить в этой теме...

Последние посетители 0

  • No registered users viewing this page.