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

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

Резиновая шапка (лого) форума Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!


Join the forum, it's quick and easy

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

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

Резиновая шапка (лого) форума Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Бесплатный форум: форум поддержки
Вы хотите отреагировать на этот пост ? Создайте аккаунт всего в несколько кликов или войдите на форум.

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

Перейти вниз

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

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

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

Пример:
Вид шапки 900x330px на маленьком мониторе...
Резиновая шапка (лого) форума Snap0010
...и на большом мониторе:
Резиновая шапка (лого) форума Snap0011

Для того, чтобы заставить шапку растягиваться на всю ширину форума — вне зависимости от разрешения экрана монитора — сделайте следующее:
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 на маленьком мониторе...
Резиновая шапка (лого) форума Snap0013
...и на большом мониторе:
Резиновая шапка (лого) форума Snap0012

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

Женщина
Сообщения : 21802
Возраст : 39
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8688

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

http://poltergeist-legacy.com/

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

Вернуться к началу

- Похожие темы

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