Сузить шапку и navbar ips 4.x - Дизайн и модификация Invision Power Board

Перейти к содержимому

 

СвернутьПрикрепленные теги

Теги не найдены

Страница 1 из 1
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

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

#1 Пользователь не на сайте   Атаман ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 2 740
  • Регистрация: 13-Апрель 12
  • Репутация: 421
  • IPB version:1.x
 

Отправлено 03 Июнь 2019 - 14:21

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

Вложение  Безымянный.png (112,17К)
Количество загрузок: 6
0

#2 Пользователь не на сайте   Lesovsky ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 339
  • Регистрация: 18-Июль 10
  • Репутация: 88
  • Откуда:Russia
  • IPB version:3.4.x
 

Отправлено 03 Июнь 2019 - 14:33

Открыть шаблон 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 (23,53К)
Количество загрузок: 4

1

#3 Пользователь не на сайте   Атаман ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 2 740
  • Регистрация: 13-Апрель 12
  • Репутация: 421
  • IPB version:1.x
 

Отправлено 03 Июнь 2019 - 15:09

Спасибо. Но, навигация сужена, лого нормально
Вложение  Безымянный.jpg (128,45К)
Количество загрузок: 5
0

#4 Пользователь не на сайте   Атаман ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 2 740
  • Регистрация: 13-Апрель 12
  • Репутация: 421
  • IPB version:1.x
 

Отправлено 03 Июнь 2019 - 15:12

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

#5 Пользователь не на сайте   Lesovsky ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 339
  • Регистрация: 18-Июль 10
  • Репутация: 88
  • Откуда:Russia
  • IPB version:3.4.x
 

Отправлено 03 Июнь 2019 - 15:25

Видимо какие-либо ещё есть модификации, нужно смотреть. Вот стандартный шаблон, те правки что присылал + с изменением цвета навигации и добавлением padding-left:
Вложение  2019-06-03_16-24-04.png (27,24К)
Количество загрузок: 6

0

#6 Пользователь не на сайте   Атаман ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 2 740
  • Регистрация: 13-Апрель 12
  • Репутация: 421
  • IPB version:1.x
 

Отправлено 03 Июнь 2019 - 15:38

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

#7 Пользователь не на сайте   Lesovsky ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 339
  • Регистрация: 18-Июль 10
  • Репутация: 88
  • Откуда:Russia
  • IPB version:3.4.x
 

Отправлено 03 Июнь 2019 - 15:39

Просмотреть сообщениеАтаман 03 Июнь 2019 - 15:38 сказал(а):

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


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

#8 Пользователь не на сайте   Атаман ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 2 740
  • Регистрация: 13-Апрель 12
  • Репутация: 421
  • IPB version:1.x
 

Отправлено 03 Июнь 2019 - 15:47

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

#9 Пользователь не на сайте   newbie ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 4 087
  • Регистрация: 26-Октябрь 11
  • Репутация: 1 600
  • IPB version:I have no IPB
 

Отправлено 04 Июнь 2019 - 08:41

В 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
1

#10 Пользователь не на сайте   Атаман ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 2 740
  • Регистрация: 13-Апрель 12
  • Репутация: 421
  • IPB version:1.x
 

Отправлено 04 Июнь 2019 - 08:53

Спасибо
0

#11 Пользователь не на сайте   newbie ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 4 087
  • Регистрация: 26-Октябрь 11
  • Репутация: 1 600
  • IPB version:I have no IPB
 

Отправлено 04 Июнь 2019 - 09:51

Убрать
- 30px

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

#12 Пользователь не на сайте   Атаман ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 2 740
  • Регистрация: 13-Апрель 12
  • Репутация: 421
  • IPB version:1.x
 

Отправлено 04 Июнь 2019 - 10:44

Спасибо
0

Сообщить об этой теме:


Страница 1 из 1
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

1 пользователей читают эту тему
0 зарегистрированных, 1 гостей, 0 скрытых


Контактная информация

Вопросы по работе сайта

+7 (917) 501-4765
C 10 до 20 в рабочие дни (время московское)

Техническая поддержка

Контактные данные специалистов

Дизайн форумов

IPB 3.x ¦ IPB 2.x

Бесплатные шаблоны

IPB 3.2 – 3.4 ¦ IPB 3.1 ¦ IPB 3.0 ¦ IPB 2.2 – 2.3 ¦ IPB 2.1 ¦ Клипарт
Лицензия на использование ¦ Ваша поддержка ¦ О проекте
Copyright © 2005-2019 IPBSkins.ru Team
При копировании материалов с сайта
прямая ссылка на источник обязательна