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

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

Recommended Posts

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

 

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

Share this post


Link to post
Share on other sites

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

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%;
}

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

  • Upvote 1

Share this post


Link to post
Share on other sites

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

 

 

Вложил 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

Share this post


Link to post
Share on other sites

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

 

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

 

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

Share this post


Link to post
Share on other sites
И еще сразу вопросик.

 

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

 

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

 

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

Share this post


Link to post
Share on other sites

Вложил 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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

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

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

 

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

 

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

 

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

 

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

 

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

Edited by madbatman

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...