background Меню - Дизайн и модификация Invision Power Board

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

 

Правила раздела

Здесь обсуждаются вопросы оформления форумов IPB 3.x.
Пожалуйста, не оффтопьте, если зашли сюда случайно, и обратите внимание на соседние разделы.
Оформление форумов IPB 2.x.
Настройка форумов, включая установку и техническую настройку скинов.
Размещение рекламы на форумах.
SEO оптимизация форума.
Техническая поддержка наших скинов и модов.

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

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

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

background Меню

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

 
 
  • Newbie
  • *
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 8
  • Регистрация: 01-Март 15
  • Репутация: 0
  • IPB version:3.4.x
 

Отправлено 01 Март 2015 - 23:10

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

Но не могу убрать по бокам вот это
Вложение  menu.png (111,78К)
Количество загрузок: 12

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

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

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 120
  • Регистрация: 10-Декабрь 14
  • Репутация: 71
  • Откуда:РБ
  • IPB version:3.4.x
 

Отправлено 02 Март 2015 - 00:45

Потому что слой #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; /* верхние уголки закругляем :) */


Вот результат:
Вложение  Буфер обмена-1.jpg (21,06К)
Количество загрузок: 8

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

Сообщение изменено: Viktar83 (02 Март 2015 - 00:47)

1

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

 
 
  • Newbie
  • *
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 8
  • Регистрация: 01-Март 15
  • Репутация: 0
  • IPB version:3.4.x
 

Отправлено 02 Март 2015 - 11:06

Спасибо.
Только вот что то с ссылками не то
Отступ.
Вложение  Снимок.PNG (26,46К)
Количество загрузок: 5
0

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

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 120
  • Регистрация: 10-Декабрь 14
  • Репутация: 71
  • Откуда:РБ
  • IPB version:3.4.x
 

Отправлено 02 Март 2015 - 11:24

Просмотреть сообщениеHidd 02 Март 2015 - 11:06 сказал(а):

Спасибо.
Только вот что то с ссылками не то
Отступ.
Вложение Снимок.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, посмотрим...
1

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

 
 
  • Newbie
  • *
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 8
  • Регистрация: 01-Март 15
  • Репутация: 0
  • IPB version:3.4.x
 

Отправлено 02 Март 2015 - 11:33

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

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

 
 
  • Newbie
  • *
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 8
  • Регистрация: 01-Март 15
  • Репутация: 0
  • IPB version:3.4.x
 

Отправлено 02 Март 2015 - 11:33

Я что то туплю
0

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

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 120
  • Регистрация: 10-Декабрь 14
  • Репутация: 71
  • Откуда:РБ
  • IPB version:3.4.x
 

Отправлено 02 Март 2015 - 11:36

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

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

 
 
  • Newbie
  • *
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 8
  • Регистрация: 01-Март 15
  • Репутация: 0
  • IPB version:3.4.x
 

Отправлено 02 Март 2015 - 11:38

Кинул
0

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

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 120
  • Регистрация: 10-Декабрь 14
  • Репутация: 71
  • Откуда:РБ
  • IPB version:3.4.x
 

Отправлено 02 Март 2015 - 11:53

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

Вот обратите внимание на ширину #primary_nav (1 скрин) и .main_width (2 скрин, там справа еще видно, что свойство width осталось без изменения)
Вложение  Захват-1.jpg (18,41К)
Количество загрузок: 8 Вложение  Захват-2.jpg (30,49К)
Количество загрузок: 7


Вы вписали:
#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; }

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

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

 
 
  • Newbie
  • *
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 8
  • Регистрация: 01-Март 15
  • Репутация: 0
  • IPB version:3.4.x
 

Отправлено 02 Март 2015 - 12:13

А все понял))
Спасибо большое.
0

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

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 120
  • Регистрация: 10-Декабрь 14
  • Репутация: 71
  • Откуда:РБ
  • IPB version:3.4.x
 

Отправлено 02 Март 2015 - 12:18

Нет проблем.
Но у Вас еще одна неувязка наблюдается: если изменить окно браузера на минимум (т.е. возьмите и поизменяйте размер окна), то в положении, когда сайт имеет минимальную ширину, строка поиска съезжает вниз, так как ей не хватает места из-за широкого логотипа.
Вложение  Буфер обмена-3.jpg (48,25К)
Количество загрузок: 4

Сообщение изменено: Viktar83 (02 Март 2015 - 12:20)

0

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

 
 
  • Newbie
  • *
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 8
  • Регистрация: 01-Март 15
  • Репутация: 0
  • IPB version:3.4.x
 

Отправлено 02 Март 2015 - 12:20

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

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

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 120
  • Регистрация: 10-Декабрь 14
  • Репутация: 71
  • Откуда:РБ
  • IPB version:3.4.x
 

Отправлено 02 Март 2015 - 12:39

Ок.

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

1) Самое простое - уменьшить размер картинки физически
2) или прописать картинке определенную ширину (680px)
Вложение  Буфер обмена-4.jpg (40,1К)
Количество загрузок: 5
0

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

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 120
  • Регистрация: 10-Декабрь 14
  • Репутация: 71
  • Откуда:РБ
  • IPB version:3.4.x
 

Отправлено 02 Март 2015 - 12:39

3) заморочиться и по-другому спозиционировать окно поиска (через position:absolute например)
Вложение  Буфер обмена-5.jpg (36,53К)
Количество загрузок: 3
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-2016 IPBSkins.ru Team
При копировании материалов с сайта
прямая ссылка на источник обязательна