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

background Меню

Recommended Posts

Ув. пользователи форума ipbskins

Сегодня установил форум и решил сделать модификацию в стандартном шаблоне.

 

Но не могу убрать по бокам вот это

post-57823-0-38232600-1425240629_thumb.png

 

Подскажите пожалуйста каким кодом это можно изменить

Share this post


Link to post
Share on other sites

Потому что слой #primary_nav растянут на всю ширину окна.

 

Попробуйте так:

 

В ipb_styles.css найдите строки:

/* LAYOUT */
#content, .main_width {
margin: 0 auto;
/* Uncomment for fixed */
/*width: 980px;*/
/* Fluid */
width: 87% !important;
  	min-width: 960px;
}

#branding, #header_bar, #primary_nav { min-width: 980px; }
/*#header_bar .main_width, #branding .main_width, #primary_nav .main_width { padding: 0 10px; }*/

 

ниже допишите:

 

/* новая ширина навигационного меню */
#primary_nav {
margin: 0 auto;
width: 87% !important;
  	min-width: 960px;
padding: 4px 10px 0px 10px !important;
border-radius: 5px 5px 0 0; /* верхние уголки закругляем :) */
}
#primary_nav .main_width { width: 100% !important; }

 

Вот эту строчку можно не писать, а можно и оставить, если хотите закругленные уголки (размер их можно поставить свой)

border-radius: 5px 5px 0 0; /* верхние уголки закругляем :) */

 

Вот результат:

post-57438-0-47644500-1425246016_thumb.jpg

 

Конечно, это вариант "в лоб". Можно и по-другому и более изящно, можно было бы в GlobalTemplate изменить порядок и вложенность слоев, можно было сделать прозрачным фон но задать фон вложенному <ul> и т.д. Но в принципе, просто и работает - у меня на чистом стиле, а Вы смотрите, как у Вас будет (просто не знаю, какие изменения Вы уже внесли, но судя по скриншоту, все должно получиться)

Edited by Viktar83
  • Upvote 1

Share this post


Link to post
Share on other sites

Спасибо.

Только вот что то с ссылками не то

Отступ.

post-57823-0-42609300-1425283621_thumb.png

Share this post


Link to post
Share on other sites

Спасибо.

Только вот что то с ссылками не то

Отступ.

post-57823-0-42609300-1425283621_thumb.png

Хм, а вот эту строку дописали?

#primary_nav .main_width { width: 100% !important; }

Т.е. в слое #primary_nav присутствует вложенный .main_width и именно ему вот этой строкой мы задаем ширину 100% от #primary_nav. А иначе будет такая картинка как у Вас на скриншоте, так как у .main_width изначально прописана ширина 87% - отсюда и отступы. Поэтому именно для того единственного слоя .main_width (только того, который внутри #primary_nav) надо изменить ширину.

 

И вставляли ПОД тем, что я указал выше?

 

А вообще, конечно, не видя своими глазами и не имея возможности посмотреть код и какие изменения внесены, мало что можно сказать.

Как вариант, если не получиться и если делаете не на хостинге, а на локальном сервере - можете сбросить код Globaltemplate и ipbstyles.css, посмотрим...

  • Upvote 1

Share this post


Link to post
Share on other sites

Сайт на VPS

Ссылка на сайт у меня в профиле

Share this post


Link to post
Share on other sites

Я что то туплю

Share this post


Link to post
Share on other sites

Я не администратор/модератор и не могу видеть ссылку. Можете в ЛС.

  • Upvote 1

Share this post


Link to post
Share on other sites

Кинул

Share this post


Link to post
Share on other sites

Похоже так и есть

 

Вот обратите внимание на ширину #primary_nav (1 скрин) и .main_width (2 скрин, там справа еще видно, что свойство width осталось без изменения)

post-57438-0-23469400-1425286473_thumb.jpg post-57438-0-19422900-1425286478_thumb.jpg

 

 

Вы вписали:

#primary_nav {
   margin: 0 auto;
   width: 87% !important;
   min-width: 960px;
   padding: 4px 10px 0px 10px !important;
   border-radius: 5px 5px 0 0; /* верхние уголки закругляем :) */
}

А под этим еще надо:

#primary_nav .main_width { width: 100% !important; }

Смотрите второе сообщение.

  • Upvote 2

Share this post


Link to post
Share on other sites

А все понял))

Спасибо большое.

Share this post


Link to post
Share on other sites

Нет проблем.

Но у Вас еще одна неувязка наблюдается: если изменить окно браузера на минимум (т.е. возьмите и поизменяйте размер окна), то в положении, когда сайт имеет минимальную ширину, строка поиска съезжает вниз, так как ей не хватает места из-за широкого логотипа.

post-57438-0-95236500-1425288079_thumb.jpg

Edited by Viktar83

Share this post


Link to post
Share on other sites

ну с этим я сам разберусь

Share this post


Link to post
Share on other sites

Ок.

 

Но не удержусь и предложу :) :

 

1) Самое простое - уменьшить размер картинки физически

2) или прописать картинке определенную ширину (680px)

post-57438-0-72344700-1425288945_thumb.jpg

Share this post


Link to post
Share on other sites

3) заморочиться и по-другому спозиционировать окно поиска (через position:absolute например)

post-57438-0-63511800-1425289193_thumb.jpg

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