Jump to content
Дизайн и модификация IPS Community IPBSkinsBETA
Search In
  • More options...
Find results that contain...
Find results in...
Sign in to follow this  
Атаман

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

Recommended Posts

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

 

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

Share this post


Link to post
Share on other sites

Открыть шаблон 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

  • Upvote 1

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

 

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

  • Upvote 1

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

В 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

  • Upvote 1

Share this post


Link to post
Share on other sites

Убрать

- 30px

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

  • Upvote 1

Share this post


Link to post
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
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...