Jump to content
Invision Community
  • 0

Сделать страницы Контакты и Правила, такими же как и все остальные


TacTics
 Share

Go to solution Solved by TacTics,

Question

  • Solution

И так я наконец-то разобрался как сделать страницы Контакты и Правила, такими же как и все остальные! ( добавиться все разделы в меню, появиться путь пользователя по форуму (speedbar), и самое главное появиться юзербар! И всё это же и в мобильной версии )

 

До:

Скрытый текст

1s.png

 

После:

Скрытый текст

2s.png

 

 

1. И так заходим в АП в Стили и в вашем шаблоне нажимаем Изменить HTML и CSS - нажимаем вкладку Шаблоны - Находим шаблон navBar и удаляем там всё, и вставляем этот код!

Скрытый текст

{{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}}'>
		<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 data-controller='core.front.core.navBar' class='{{if !\count( \IPS\core\FrontNavigation::i()->subBars( $preview ) )}}ipsNavBar_noSubBars{{endif}} {{if !$preview}}ipsResponsive_showDesktop{{endif}}'>
		<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>
{{endif}}

 

 

Появляется все ваши разделы меню в Правила и Контакты вместо одного (Главная)

 

2. Ну и что бы у вас появился юзербар в контактах и правилах идём в раздел Шаблоны

Находим globalTemplate и в нём найти:

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

и заменить на:

{template="userBar" app="core" group="global" params=""}

Дальше найдите это:

{{if !in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses )}}{template="mobileNavigation" if="theme.responsive" app="core" group="global" params=""}{{endif}}

замени на это:

{template="mobileNavigation" if="theme.responsive" app="core" group="global" params=""}

 

3. Потом переходим в кладку CSS и в файле layout.css по пути: core/global/framework/layout.css находим вот это:

/* SIMPLIFIED WRAPPER */

Там чуть ниже находим:

display: none !important;

И закрываем этот код вот так:

/* display: none !important; */

Теперь у вас появиться путь пользователя (speedbar) и страница станет широкой в правилах и в контактах.

 

4. Найти в CSS .ipsLayout_minimal .ipsLayout_container

Появиться юзербар в разделах Правила и Контакты в ПК и мобильной версии!

найти:

.ipsLayout_minimal .ipsLayout_container {
	max-width: 1000px;
}

замени на это:

.ipsLayout_minimal .ipsLayout_container {
	max-width: 95%;
}
  • Like 1

Нажимай computerworld_consultancy_icon.png помни об этом!

Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0

Отличное руководство, спасибо! Тоже давно вызывает отвращение то, как выглядит стандартная страница обратной связи!

Кстати, такого рода руководства, наверное, в отдельный раздел лучше выносить? Типа "База знаний"?

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Privacy Policy We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.