Перейти к публикации
View in the app

A better way to browse. Learn more.

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

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Сузить шапку и navbar [IPB 3.2.3]

Опубликовано:

Обновился до 3.2.3 и непонимаю как сузить шапку форума с навбаром.... :) Не подскажет никто? :)

 

Скин переделынный стандартный. CSS кроме как по цветам не правились.

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

Опубликовано:

Например, так

globalTemplate

Найти

<div id='header_bar' class='clearfix'>
			<div class='main_width'>

Заменить на

<div id='header_bar' class='clearfix main_width'>
			<div>

Hайти

<div id='branding'>
			<div class='main_width'>

Заменить на

<div id='branding' class='main_width'>
			<div>

Найти

<div id='primary_nav' class='clearfix'>
			<div class='main_width'>

Заменить на

<div id='primary_nav' class='clearfix main_width'>
			<div>

 

Открыть ipb_styles.css

Добавить вниз

.main_width {
padding-left: 10px;
padding-right: 10px;
width: 89%;
}

Проценты отрегулировать.

Опубликовано:
  • Автор

Спасибо. Почти получилось :)

 

 

Вложил 2 скрина.

 

shapka-1.jpg как видно: Админпанель, Логотип и панель навигации съехали.

 

Если сделать так:

 

.main_width {

padding-left: 0px;

padding-right: 0px;

width: 89%;

}

 

то получается так как на скрине shapka-2.jpg

 

 

При изменении процентов - ничего не меняется.

post-44058-0-85571800-1326272811_thumb.jpg

post-44058-0-66024900-1326272820_thumb.jpg

Опубликовано:
  • Автор

И еще сразу вопросик.

 

в globaltemplate заинклудил пхп скрипт, который баннеры крутит, как бы его вправо сместить под поиск? :) А то уже пол дня долблюсь - не выходит.

 

Заранее, огромное спасибо :)

Опубликовано:
  • Автор
И еще сразу вопросик.

 

в globaltemplate заинклудил пхп скрипт, который баннеры крутит, как бы его вправо сместить под поиск? А то уже пол дня долблюсь - не выходит.

 

Заранее, огромное спасибо

 

с этим сам разобрался ;)

Опубликовано:

Вложил 2 скрина.

shapka-1.jpg как видно: Админпанель, Логотип и панель навигации съехали.

Если сделать так:

то получается так как на скрине shapka-2.jpg

При изменении процентов - ничего не меняется.

 

У меня также с шапкой... Не знаю, правильно ли сделала, но решила проблему этим:

 

Редеактировала только ipb_style.css Верхняя панель:

 

#header_bar {
background: #1c8c93 url({style_images_url}/user_navigation.png ) repeat-x bottom;
padding: 0;
text-align: right;
       margin: 0px auto;
       width: 88.5%;
}

 

Центральную можно регулировать кодом, который Fisana дала.

 

Например, так

globalTemplate

 

Hайти

<div id='branding'>
			<div class='main_width'>

Заменить на

<div id='branding' class='main_width'>
			<div>

 

Открыть ipb_styles.css

Добавить вниз

.main_width {
padding-left: 10px;
padding-right: 10px;
width: 89%;
}

Проценты отрегулировать.

 

И нижний, тоже редактировала только ipb_style.css:

#primary_nav {
background: #134b52;
font-size: 13px;
padding: 4px 0 0 0;
       margin: 0px auto;
       width: 88.5%;

}

 

Единственное, что после этого немного уехали ссылки на админ-панель и панель пользователя. И внизу, к центру, сместились менюшки и "панель быстрого доступа". Как исправить?

post-20528-0-68788000-1326970368_thumb.jpg

Опубликовано:

Наверное из-за width: 88.5%; в #header_bar и #primary_nav

Уберите проценты совсем

  • 1 год спустя...
Опубликовано:

Вроде все получилось, спасибо.

Есть две проблемы, ЛОГО и счетчики стали не резкими, разблюренные короче.

Если тянуть за угол браузера - резкие, отпускаешь - сразу мутные становятся.

Это только в Сафари такое, в Лисе все ОК.

 

А если растягивать на большой моник (27) - шапка и вход в админ панель становятся меньше форума.

 

post-53377-0-24955200-1366612700_thumb.png

 

post-53377-0-56176700-1366612677_thumb.png

 

Если растянуть во весь моник с большим разрешением - шапка меньше форума

 

post-53377-0-41572200-1366612687_thumb.png

Изменено пользователем madbatman

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

Сейчас на странице 0

  • Нет пользователей, просматривающих эту страницу.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.