Перейти к содержимому
Открыть в приложении

Удобный способ просмотра. Узнать больше.

Дизайн и модификация Invision Community

Полноэкранное приложение на главном экране с push-уведомлениями, медалями и многим другим.

Чтобы установить это приложение на iOS и iPadOS
  1. Нажмите иконку «Поделиться» в Safari
  2. Прокрутите меню и нажмите На экран «Домой».
  3. Нажмите Добавить в правом верхнем углу.
Чтобы установить это приложение на Android
  1. Нажмите меню из трёх точек (⋮) в правом верхнем углу браузера.
  2. Нажмите Добавить на главный экран или Установить приложение.
  3. Подтвердите, нажав Установить.
Русский язык для Invision Community 5

Сузить шапку и navbar ips 4.x

Добрый! Подскажите, как сузить шапку в 4 ?

 

Безымянный.png

Рекомендованные сообщения

Открыть шаблон Core / front / global / globalTemplate

Найти:

		<div id='ipsLayout_header' class='ipsClearfix'>
		{template="updateWarning" app="core" group="global" params=""}
		{{if !\in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses )}}{template="mobileNavBar" app="core" group="global" params=""}{{endif}}
		<header>
			<div class='ipsLayout_container'>
				{template="logo" app="core" group="global" params=""}
				{{if !\in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses )}}{template="userBar" app="core" group="global" params=""}{{endif}}
			</div>
		</header>
		{template="navBar" app="core" group="global" params=""}
	</div>

Обернуть в:

<div class='ipsLayout_container'>		</div>

Найти:

			<header>
			<div class='ipsLayout_container'>
				{template="logo" app="core" group="global" params=""}
				{{if !\in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses )}}{template="userBar" app="core" group="global" params=""}{{endif}}
			</div>
		</header>

Заменить:

			<header>
			<div class='ipsLayout_container1'>
				{template="logo" app="core" group="global" params=""}
				{{if !\in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses )}}{template="userBar" app="core" group="global" params=""}{{endif}}
			</div>
		</header>

Ну или просто удалить div с ipsLayout_container.

В итоге получится:

  		<div class='ipsLayout_container'>
     	<div id='ipsLayout_header' class='ipsClearfix'>
         	{template="updateWarning" app="core" group="global" params=""}
         	{{if !\in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses )}}{template="mobileNavBar" app="core" group="global" params=""}{{endif}}
         	<header>
             	<div class='ipsLayout_container1'>
                 	{template="logo" app="core" group="global" params=""}
                 	{{if !\in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses )}}{template="userBar" app="core" group="global" params=""}{{endif}}
             	</div>
         	</header>
         	{template="navBar" app="core" group="global" params=""}
     	</div>
   	</div>

 

В CSS добавить, например в custom.css:

#elSiteTitle {
margin-left: 15px;
}

 

2019-06-03_15-34-22.png

  • Автор

Спасибо. Но, навигация сужена, лого нормально

Безымянный.jpg

  • Автор

поправил верхний пост

Видимо какие-либо ещё есть модификации, нужно смотреть. Вот стандартный шаблон, те правки что присылал + с изменением цвета навигации и добавлением padding-left:

2019-06-03_16-24-04.png

  • Автор

У Вас на скрине аналогично уехала навигация в правую сторону... :(

У Вас на скрине аналогично уехала навигация в правую сторону... :(

 

Я написал выше, что padding-left специально добавил для тега

  • Автор

Из-за того, что я указал резиновую ширину 95% в настройках

В custom.css добавить

[data-pagelocation="front"] #ipsLayout_header {
{{if theme.enable_fluid_width}}
	{{if theme.fluid_width_size}}
		max-width: calc({theme="fluid_width_size"}% - 30px);
	{{else}}
		max-width: calc(100% - 30px);
	{{endif}}
{{else}}
	max-width: calc(1340px - 30px);
{{endif}}
margin: 0 auto;
}

[data-pagelocation="front"] header .ipsLayout_container, [data-pagelocation="front"] .ipsNavBar_primary.ipsLayout_container {
max-width: 100%;
}

Без правок html

  • Автор

Спасибо

Убрать

- 30px

calc тоже не нужен будет.

  • Автор

Спасибо

Создайте аккаунт или войдите в него для комментирования

Аккаунт

Навигация

Поиск

Поиск

Настроить push-уведомления браузера

Chrome (Android)
  1. Нажмите на иконку замка рядом с адресной строкой.
  2. Нажмите Права доступа -> Уведомления.
  3. Измените свои настройки.
Chrome (компьютер)
  1. Нажмите на иконку замка в адресной строке.
  2. Выберите Настройки сайта.
  3. Найдите Уведомления и измените свои настройки.