Как увеличить ширину шапки? - Дизайн и модификация Invision Power Board

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

 

Правила форума

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

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

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

Как увеличить ширину шапки? Ширину сайта увеличил, а шапку расширить не могу, подскажите пжлст

#1 Пользователь не на сайте   Igross »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 45
  • Регистрация: 15-Декабрь 08
  • Репутация: 0
  • IPB version:2.3.x
 

Отправлено 28 Январь 2009 - 16:52

Увеличил ширину сайта, а шапку увеличить не могу.
Вот что получилось, смотрите [attachment=793:_____.jpg]

Тоже самое внизу.
Подскажите, как можно растянуть шапку?
0

#2 Пользователь не на сайте   Fisana »

 
 
  • На PM не отвечаю
  • Смотреть блог
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 12 891
  • Регистрация: 21-Ноябрь 05
  • Репутация: 562
  • Откуда:Из интернетов
  • IPB version:3.1.x
 

Отправлено 28 Январь 2009 - 21:47

Цитата

IP.Board версия: 1.x

А на скриншоте скин для 2.2-2.3.

Пункт 3 выполняем, потом спрашиваем.
0

#3 Пользователь не на сайте   Igross »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 45
  • Регистрация: 15-Декабрь 08
  • Репутация: 0
  • IPB version:2.3.x
 

Отправлено 28 Январь 2009 - 22:32

Просмотреть сообщениеFisana Jan 28 2009, 10:48 PM сказал(а):

А на скриншоте скин для 2.2-2.3.

Пункт 3 выполняем, потом спрашиваем.

Прошу прощения, исправил в своем профиле.
У меня 2.3.6

Нашел вашу статью "Как сделать резиновую шапку на форуме", сделал, как описано, шапка пропала.

Сообщение изменено: Igross (28 Январь 2009 - 23:41)

0

#4 Пользователь не на сайте   Fisana »

 
 
  • На PM не отвечаю
  • Смотреть блог
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 12 891
  • Регистрация: 21-Ноябрь 05
  • Репутация: 562
  • Откуда:Из интернетов
  • IPB version:3.1.x
 

Отправлено 29 Январь 2009 - 00:21

У Вас же не дефолтная структура скина. А все инструкции даются только для дефолта.
Чуть сложнее, инструкция не подойдет.

Дайте ссылку на форум с этим скином.
Посмотрю какая там верстка.
0

#5 Пользователь не на сайте   Igross »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 45
  • Регистрация: 15-Декабрь 08
  • Репутация: 0
  • IPB version:2.3.x
 

Отправлено 29 Январь 2009 - 00:58

Просмотреть сообщениеFisana Jan 29 2009, 01:22 AM сказал(а):

У Вас же не дефолтная структура скина. А все инструкции даются только для дефолта.
Чуть сложнее, инструкция не подойдет.

Дайте ссылку на форум с этим скином.
Посмотрю какая там верстка.


Пожалуйста

Сообщение изменено: Igross (29 Январь 2009 - 00:59)

0

#6 Пользователь не на сайте   Fisana »

 
 
  • На PM не отвечаю
  • Смотреть блог
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 12 891
  • Регистрация: 21-Ноябрь 05
  • Репутация: 562
  • Откуда:Из интернетов
  • IPB version:3.1.x
 

Отправлено 29 Январь 2009 - 01:50

Вы расширили форум до 98%.
А в css в классах для шапки и футера прописаны короткие картинки длиной 880px:
#logographic{
	background: transparent url(en-floral/logo4.png) no-repeat left;
	height: 68px; - тут должно быть 231px!!!!
	margin: 0;
	padding: 0;
}

#logofooter{
	background: transparent url(en-floral/footer.gif) no-repeat left;
	height: 203px;
	margin: 0;
	padding: 0;
}

Ошибка в логострип. Замените 68 на 231 - высоту картинки в шапке.

Картинки прописаны как фон.
no-repeat left обозначает, что они выравниваются по левому краю с запретом повторения.

Но это ситуацию не спасает, так как графика по ширине равна 880px.
Вы можете проверить, посмотрев свойства картинок.
И никак ее не растянешь, не изуродовав.

Если сделали из фиксированного скина растягивающийся, то и шапку, и футер придется перестроить и перерисовать.
Можно например сделать их из 3-х картинок с тянущейся поддожкой.
Затем перестроить по принципу: шапки из 3-х картинок
С футером в этом отношении проще. Из него можно сделать и бока, и серединку.
А с графикой шапки придется повозиться.

Ps
Футер Ваш прописан в общем шаблоне.
0

#7 Пользователь не на сайте   Igross »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 45
  • Регистрация: 15-Декабрь 08
  • Репутация: 0
  • IPB version:2.3.x
 

Отправлено 03 Февраль 2009 - 11:24

Просмотреть сообщениеFisana Jan 29 2009, 02:51 AM сказал(а):

Вы расширили форум до 98%.
А в css в классах для шапки и футера прописаны короткие картинки длиной 880px:
#logographic{
	background: transparent url(en-floral/logo4.png) no-repeat left;
	height: 68px; - тут должно быть 231px!!!!
	margin: 0;
	padding: 0;
}

#logofooter{
	background: transparent url(en-floral/footer.gif) no-repeat left;
	height: 203px;
	margin: 0;
	padding: 0;
}

Ошибка в логострип. Замените 68 на 231 - высоту картинки в шапке.

Картинки прописаны как фон.
no-repeat left обозначает, что они выравниваются по левому краю с запретом повторения.

Но это ситуацию не спасает, так как графика по ширине равна 880px.
Вы можете проверить, посмотрев свойства картинок.
И никак ее не растянешь, не изуродовав.

Если сделали из фиксированного скина растягивающийся, то и шапку, и футер придется перестроить и перерисовать.
Можно например сделать их из 3-х картинок с тянущейся поддожкой.
Затем перестроить по принципу: шапки из 3-х картинок
С футером в этом отношении проще. Из него можно сделать и бока, и серединку.
А с графикой шапки придется повозиться.

Ps
Футер Ваш прописан в общем шаблоне.


Спасибо за подробный ответ, Ирина!
Логострип исправил.
Я действительно сделал из фиксированного скина растягивающийся.
Т.е. если я перерисую шапку и футер, сделав их нужной длины, то смогу их корректно поставить?
Я правильно вас понял?

Файл шапки - это logo 4, да?, а файл футера где искать?
0

#8 Пользователь не на сайте   Fisana »

 
 
  • На PM не отвечаю
  • Смотреть блог
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 12 891
  • Регистрация: 21-Ноябрь 05
  • Репутация: 562
  • Откуда:Из интернетов
  • IPB version:3.1.x
 

Отправлено 03 Февраль 2009 - 13:44

logo4.png
footer.gif

Эти названия.
Но сделать их нужной длины мало. Нужно заменить их тремя картинками. У Вас же закруглены края.
Картинки с закруглениями должны быть по краям. А середина должна быть тянущаяся..
0

#9 Пользователь не на сайте   Igross »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 45
  • Регистрация: 15-Декабрь 08
  • Репутация: 0
  • IPB version:2.3.x
 

Отправлено 06 Февраль 2009 - 11:16

Просмотреть сообщениеFisana Feb 3 2009, 02:45 PM сказал(а):

logo4.png
footer.gif

Эти названия.
Но сделать их нужной длины мало. Нужно заменить их тремя картинками. У Вас же закруглены края.
Картинки с закруглениями должны быть по краям. А середина должна быть тянущаяся..

Спасибо большое!!
0

#10 Пользователь не на сайте   Igross »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 45
  • Регистрация: 15-Декабрь 08
  • Репутация: 0
  • IPB version:2.3.x
 

Отправлено 06 Февраль 2009 - 12:02

Ирина, подскажите пожалуйста, есть еще одна очень интересная тема.

На этом форуме, на мой взгляд, очень красивое оформление.
Но я не могу понять, присутствует ли там шапка или это фон из трех картинок.
Если это шапка, то тут все понятно - создается она по принципу, описанному в вашей статье "Шапка из трех картинок".
А если фон, то можете описать принцип создания и установки подобного фона?
0

#11 Пользователь не на сайте   Fisana »

 
 
  • На PM не отвечаю
  • Смотреть блог
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 12 891
  • Регистрация: 21-Ноябрь 05
  • Репутация: 562
  • Откуда:Из интернетов
  • IPB version:3.1.x
 

Отправлено 06 Февраль 2009 - 13:19

Это фоны. Но принцип похож. Слои (div) с выравниванием картинок слева и справа на общем фоне. Только эти слои подкладываются не только под область шапки.
0

#12 Пользователь не на сайте   Igross »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 45
  • Регистрация: 15-Декабрь 08
  • Репутация: 0
  • IPB version:2.3.x
 

Отправлено 06 Февраль 2009 - 16:17

Просмотреть сообщениеFisana Feb 6 2009, 02:20 PM сказал(а):

Это фоны. Но принцип похож. Слои (div) с выравниванием картинок слева и справа на общем фоне. Только эти слои подкладываются не только под область шапки.

Ирина, если будет у вас возможность, то опишите пожалуйста этот процесс так, как вы описали процесс по созданию шапки из трех картинок. Там все четко и понятно.
Спасибо вам.
0

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


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

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


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

Заказ дизайна форума

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

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

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

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

IPB 3.x ¦ IPB 2.x

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

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