Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

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

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Резиновая шапка (лого) форума

Предыдущая тема Следующая тема Перейти вниз

Резиновая шапка (лого) форума

Сообщение автор Dana Domirani в Чт 25 Ноя - 23:46

Если у Вас резиновая ширина форума (заданная в процентах, например, 90%), то картинка лого, которая имеет конкретные размеры (например, 900x330px) не сможет сама по себе растягиваться на ширину больше 900px. Соответственно, на разных мониторах такая шапка будет выглядеть по-разному:

Пример:
Вид шапки 900x330px на маленьком мониторе...

...и на большом мониторе:


Для того, чтобы заставить шапку растягиваться на всю ширину форума — вне зависимости от разрешения экрана монитора — сделайте следующее:
1. Откройте ПА > Оформление > Картинки и цвета - Управление картинками - Продвинутый режим > Лого форума и загрузите туда свою шапку.
2. В ПА > Оформление > Главная - Верхняя часть страниц & Навигация и выберите "Позиция эмблемы (лого): центр". Сохраните изменения.
3. Откройте Па > Оформление > Цвета > Каскадная таблица стилей CSS и добавьте настройки:


Для BB2
Код:
#i_logo {
width: 100%;
height: auto;
margin: 0;
}
table#blocklogo {table-layout: fixed;}
После этого в шаблоне overall_header (Верхняя часть страницы) замените:
Код:
<td class="bodyline">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
на
Код:
<td class="bodyline">
<table width="100%" cellspacing="0" cellpadding="0" border="0" id="blocklogo">
Сохраните, опубликуйте (!)


Для BB3
Код:
#logo img {
width: 100%;
height: auto;
margin: 0;
}
#logo {
padding: 0;
}

Для Pun
Код:
#pun-logo img {
width: 100%;
height: auto;
margin: 0;
}
#pun-intro {
padding: 0;
}

Для IPB
Код:
div#logostrip #logo img {
width: 100%;
height: auto;
}
div#logostrip #logo {
margin: 0;
}
Затем сохраните. После этого шапка будет автоматически подстраиваться под ширину вашего форума.

Пример:
Вид шапки 900x330px на маленьком мониторе...

...и на большом мониторе:


Рекомендация: шапка должна быть изначально немаленького размера, желательно  — не меньше 1200рх по ширине. Иначе, сильно растягиваясь, картинка будет терять четкость.



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22253
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 8940

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения