Резиновая шапка (лого) форума
Страница 1 из 1
Резиновая шапка (лого) форума
Если у Вас резиновая ширина форума (заданная в процентах, например, 90%), то картинка лого, которая имеет конкретные размеры (например, 900x330px) не сможет сама по себе растягиваться на ширину больше 900px. Соответственно, на разных мониторах такая шапка будет выглядеть по-разному:
Пример:
Вид шапки 900x330px на маленьком мониторе...
...и на большом мониторе:
Для того, чтобы заставить шапку растягиваться на всю ширину форума — вне зависимости от разрешения экрана монитора — сделайте следующее:
1. Откройте ПА > Оформление > Картинки и цвета - Управление картинками - Продвинутый режим > Лого форума и загрузите туда свою шапку.
2. В ПА > Оформление > Главная - Верхняя часть страниц & Навигация и выберите "Позиция эмблемы (лого): центр". Сохраните изменения.
3. Откройте Па > Оформление > Цвета > Каскадная таблица стилей CSS и добавьте настройки:
Для BB2
Для BB3
Для Pun
Для IPB
Пример:
Вид шапки 900x330px на маленьком мониторе...
...и на большом мониторе:
Рекомендация: шапка должна быть изначально немаленького размера, желательно — не меньше 1200рх по ширине. Иначе, сильно растягиваясь, картинка будет терять четкость.
Пример:
Вид шапки 900x330px на маленьком мониторе...
...и на большом мониторе:
Для того, чтобы заставить шапку растягиваться на всю ширину форума — вне зависимости от разрешения экрана монитора — сделайте следующее:
1. Откройте ПА > Оформление > Картинки и цвета - Управление картинками - Продвинутый режим > Лого форума и загрузите туда свою шапку.
2. В ПА > Оформление > Главная - Верхняя часть страниц & Навигация и выберите "Позиция эмблемы (лого): центр". Сохраните изменения.
3. Откройте Па > Оформление > Цвета > Каскадная таблица стилей CSS и добавьте настройки:
Для BB2
- Код:
#i_logo {
width: 100%;
height: auto;
margin: 0;
}
table#blocklogo {table-layout: fixed;}
- Код:
<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рх по ширине. Иначе, сильно растягиваясь, картинка будет терять четкость.
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения
|
|